• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Wordpress - Uncaught ReferenceError: .. is not defined

Object Storage Arubacloud
0 głosów
610 wizyt
pytanie zadane 4 czerwca 2018 w JavaScript przez Zelek Użytkownik (960 p.)
zamknięte 25 lutego 2019 przez Zelek

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:

komentarz zamknięcia: Brak odpowiedzi.
komentarz 4 czerwca 2018 przez shotokan Nałogowiec (39,660 p.)

A dodałeś ten skrypt JS do WordPressa? Funkcja

wp_enqueue_script
komentarz 4 czerwca 2018 przez Zelek Użytkownik (960 p.)

Dodałem ale tak:

<script type="text/javascript" src="<?php echo $link_to_template; ?>/js/slider.js"></script>

Jeszcze spróbuję podmienić to na to co napisałeś tylko mógłbyś mi dokładnie napisać jak to ma wyglądać bo dopiero zaczynam przygodę z JS?

komentarz 4 czerwca 2018 przez shotokan Nałogowiec (39,660 p.)

W WP skrypty dodaje się trochę inaczej, np. tu masz mały poradnik albo tu.

komentarz 4 czerwca 2018 przez Zelek Użytkownik (960 p.)
Ok super, dzieki za info jak wroce do domu to od razu sprawdze i dam znac.
komentarz 4 czerwca 2018 przez Zelek Użytkownik (960 p.)
Kurcze nie rozumiem co mam zrobić, mógłby ktoś podpowiedzieć? Jak skonstruować linijkę wywołującą ten skrypt tak aby czytało mi te zmienne :/

Podobne pytania

0 głosów
0 odpowiedzi 274 wizyt
0 głosów
0 odpowiedzi 635 wizyt
pytanie zadane 16 marca 2022 w PHP przez roberto23 Początkujący (270 p.)
0 głosów
1 odpowiedź 163 wizyt
pytanie zadane 6 kwietnia 2022 w JavaScript przez chrystian Gaduła (4,780 p.)

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...