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

question-closed Wordpress - undefined.. o co tu chodzi?

VPS Starter Arubacloud
0 głosów
280 wizyt
pytanie zadane 1 czerwca 2018 w JavaScript przez Zelek Użytkownik (960 p.)
zamknięte 4 czerwca 2018 przez Zelek

Witam,

Potrafi mi ktoś wytłumaczyć jakim cudem zmienna nie jest zdefiniowana? Co robię źle..

komentarz zamknięcia: Brak zainteresowanie problemem.
komentarz 1 czerwca 2018 przez Zelek Użytkownik (960 p.)

Podrzucam HTML i JS, bez CSS ponieważ on nie ma nic wspólnego z działaniem skryptu.

Kod HTML:

	<div id="slider">
		<ul class="slides">
			<li class="slide">
				<div class="counter"><b>01</b>/04</div>
				<div class="titles">
					<h1>The food</h1>
					<h2>At GYG, we're all about the food. We pour passions into every ingredient we choose, where it comes.</h2>
				</div>
				<img src="./wp-content/themes/foodtruck/images/image-1.png" />
			</li>
		</ul>
	</div>

Kod JS:

'use strict';

	//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');

$(document).ready(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);
});

 

komentarz 1 czerwca 2018 przez niezalogowany
https://codepen.io/anon/pen/yEYMRe

no i slider leci, i co poza ostylowaniem w CSS Ci tutaj źle działa?
komentarz 1 czerwca 2018 przez Zelek Użytkownik (960 p.)

Wejdź na stronę, którą teraz robie: KLIKNIJ i zobacz sobie co robi slider jak przeleci trzeci slajd, powinien pokazać czwarty (ostatni) i wrócić do pierwszego płynnie. Dlaczego tego nie robi? Bo w konsoli nie działa $slides.length i strona nie wie ile slidów jest wpisanych w diva.

komentarz 1 czerwca 2018 przez niezalogowany
#header > #slider > ul.slides

Zwiększ szerokość np. do 9000px. Pojawi się 4 slide 

komentarz 1 czerwca 2018 przez Zelek Użytkownik (960 p.)
Pojawi się czwarty i od razu zamienia się na pierwszy bezsensu.. nawet jakby jakimś cudem udało się ustalić, żeby pokazywały się cztery slajdy to i tak mnie nie ratuję bo do dalszego ulepszania slajdera potrzebuję $slides.length, currentSlide dlatego prosze Cie nie szukaj rozwiązania jak zrobić żeby pokazały się wszystkich slajdy tylko jak zrobić żeby w konsoli można było wczytać te 2 zmienne, które bardzo potrzebuję.

1 odpowiedź

0 głosów
odpowiedź 1 czerwca 2018 przez zgrybus Pasjonat (24,860 p.)
A czemu miałaby być zdefiniowana? Przecież istnieje w danym bloku kodu.
komentarz 1 czerwca 2018 przez Zelek Użytkownik (960 p.)
"currentSlide is not defined" <- oznacza to, że zmienna currentSlida nie jest zdefiniowana, a jakim cudem skoro u góry masz var currentSlide?

Podobne pytania

0 głosów
1 odpowiedź 95 wizyt
pytanie zadane 18 grudnia 2021 w JavaScript przez MisticVoid Początkujący (490 p.)
0 głosów
0 odpowiedzi 150 wizyt
pytanie zadane 6 sierpnia 2020 w JavaScript przez rob Bywalec (2,440 p.)
+1 głos
3 odpowiedzi 415 wizyt
pytanie zadane 19 lipca 2020 w JavaScript przez kingkushlee Gaduła (3,960 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...