[James0n]

Nigdy jeszcze nie używałem metody .each, a jednak trzeba się rozwijać ( ( ͡° ͜ʖ ͡°) ) . Jednak mam pewien problem bo mi coś nie idzie. Coś tutaj zapewne jest nie tak :x Błędów żadnych nie ma. Powinno po kliknięciu przycisku menu wyświetlać po kolei z małym opóźnieniem następny element z menu.
#webdev #jquery #javascript

[5z7k9]

@James0n: $("options")

[James0n]

@5z7k9: Rozumiem, że zamiast 'this'? Jak tak to nic nie daje

[Jurigag]

@James0n: options.forEach(function(element, index){}) a nie #!$%@? jakieś $("options"), skąd ty to wytrzasnąłeś ? XD

[DannyMurillo]

Rozumiem, że zamiast 'this'?

@James0n: Wiesz w ogóle jak działa "this"? Jak wyżej, problem masz w $("options")

[Jurigag]

@James0n: poza tym najpierw pobierasz natywnie a potem próbujesz jquery użyć do czegoś takiego, mimo że jest to całkowicie zbędne

[James0n]

@DannyMurillo: Wiem chyba XD Z rok temu się z tym poznawałem

[Zergall]

@James0n Zamień $("options") na options - Ty nie użyłeś zmiennej, którą zadeklarowałeś, a stworzyłeś obiekt jQuery składający się ze wszystkich elementów options w dokumencie ;)
Edit: Dodatkowo wartość tej zmiennej ustaw na $(".options")

[James0n]

@Zergall: O to chodziło? Jak tak to dalej mi nie działa :/ A jak nie to nierozumiem xd

[ZdzichuSmietana]

@James0n: element.delay(400*index).fadeIn(300)

[James0n]

@ZdzichuSmietana: Tak w sumie racja. Niestety dalej nic XD

[f.....w]

@James0n: Robisz forEach na czymś co nie jest obiektem jQuery - dziwię się że nie widzisz żadnych błędów bo powinno walić już na samym początku

[f.....w]

@James0n:

var options = $(".options");
options.each(function(element, index){
 $(this).delay(400*index).fadeIn(300);
});

[ZdzichuSmietana]

@James0n: zamień kolejność na (index, element)

[f.....w]

@James0n: Druga sprawa dodaj sobie console.log(index) w tej pętli, a potem chwyć się za głowę ( ͡º ͜ʖ͡º) Poprawiłbym mój wcześniej kod, ale już nie mogę...

[James0n]

@forestwow: Twój sposób pięknie działa, dzięki. Mógłbyś wytłumaczyć jaka jest różnica pomiędzy
var options = document.getElementsbyClassName
od prostego
var options = $(".options");
?
Jedna opcja działa druga nie. Myślałem, że tutaj konieczne jest właśnie użycie tej 1. opcji

[f.....w]

@James0n: Twój sposób to pobieranie elementu w czystym javascripcie. $(".options") to sposób na pobieranie elementu w jQuery.

[James0n]

@forestwow: Czyli po prostu jak połączę metodę z js z jquery to nie pyknie?

// Edit
Jednak w tym sposobie co podałeś jest problem z opóźnieniem (nie ma go w ogóle)

[ZdzichuSmietana]

@James0n: Wklejaj

$(".option").each(function(index,element){
$(this).delay(300*index).fadeIn(300);
});

[f.....w]

@James0n: Bo musisz odwrócić argumenty element i index miejscami, czyli :

var options = $(".options");
options.each(function(index, element){
$(this).delay(400*index).fadeIn(300);
});

Chciałem poprawić poprzedni przykład, ale już ktoś odpowiedział i nie mogłem

[James0n]

@forestwow: Właśnie tak sobie przypomniałem, że ktoś o tym wcześniej napisał i spróbowałem zmienić i jest ok :) Dzięki za pomoc