[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

[veranoo]

@James0n rozwijać, jquery, 2k17 XDD (✌ ﾟ ∀ ﾟ)☞,

[addr]

@James0n: Żeby do czegoś takiego używać #!$%@?, to trzeba być naprawdę #!$%@?.

[James0n]

@addr: fajnie masz w domu

[t.....i]

@James0n: widzę, że problem już rozwiązany, ale dodam swoje 3 grosze.

Unikałbym .delay() i .fadeIn().

jQuery powstało jeszcze zanim CSS3 był dobrze wspierany, więc takie rzeczy jak .delay() i .fadeIn() były potrzebne - dzięki nim można było "emulować" efekty dostępne w CSS3 za pomocą stylów inline dodawanych w pewnych odstępach czasu (za pomocą setInterval zapewne). Rozwiązanie skuteczne, ale wolne i niewygodne, a w dodatku warstwę prezentacji umieszczało w JS - niefajnie.

[Jurigag]

@James0n: ale po co w ogóle toje to jquery jest tuaj potrzebne? przecież to wszystko można zrobićw czystym js i css, jquery tutaj do tego zbędne i jak mozesz to go nie używaj, powinieneś tutaj użyć getElementsByClassName albo querySelector i forEach na tym i odpowiednia klasa w css z transition i tyle

[t.....i]

@Jurigag:

ale po co w ogóle toje to jquery jest tuaj potrzebne? przecież to wszystko można zrobićw czystym js i css

@addr:

Żeby do czegoś takiego używać #!$%@?, to trzeba być naprawdę #!$%@?.

@veranoo

rozwijać, jquery, 2k17 XDD

Panowie. Litości. Widzicie przecież, że @James0n się dopiero uczy. To prawda, że jQuery nie jest przyszłością, to prawda, że można to napisać w czystym JS, ale przecież nie o to chodzi... W

[Jurigag]

[].forEach.call

@tylkostrimi: no dobra, racja, tak czy siak jquery jest tutaj całkowicie zbędne i tyle

[veranoo]

@tylkostrimi Sam sobie odpowiedziałeś. Jak zaczyna to niech zgłębia te zawiłości a nie używa narzędzi które rozwiązują problemy z tymi zawilosciami. Tyle