Witam, potrzebuję natychmiastowej pomocy. Tworzę slider z PORADNIKA na youtube i mam problem, ponieważ kod wygląda tak samo jak na poradniku i kiedy odpalam ten slider na zwykłej stronie HTML to wszystko działa, lecz na Wordpress'ie nie. Konsola wyświetla błąd, że zmienne $slides.length, currentSlide nie są zdefiniowane co jest błędne, ponieważ obydwie zmienną są zdefiniowane w pliku. Jeżeli te 2 zmienne nie będą działały w konsoli chroma to niestety slider nie działa poprawnie. Ma ktoś sposób żeby to naprawić? Próbowałem większość rozwiązań z neta i żadne nie przyniosło efektu. jQuery oraz plik JS mam w sekcji head:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $link_to_template; ?>/js/slider.js"></script>
A mój plik slider.js wygląda tak:
'use strict';
$(function() {
//Configuration
var width = 1920;
var animationSpeed = 1500;
var pause = 8000;
var currentSlide = 1;
//Cache DOM
var $slider = $('#slider');
var $slideContainer = $slider.find('.slides');
var $slides = $slideContainer.find('.slide');
setInterval(function() {
$slideContainer.animate({'margin-left': '-='+width}, animationSpeed, function() {
currentSlide++;
if (currentSlide === $slides.length) {
currentSlide = 1;
$slideContainer.css('margin-left', 0);
}
});
}, pause);
});
Konsola: