Prosím o vysvětlení základních závislostí v js

matata86

(3 hodnocení)

7. 12. 2016 19:50:16

Ahoj,

teprve nedavno jsem zabrednul do js a jquery a nerozumim tomuto:

Tento kod po kliknuti na kazdy odkaz se tridou page-scroll plynule scrolluje na id nastavene v parametru href:

funguje to perfektne. Soubor.js s timto kodem volam uplne na konci stranky.

V soubor.js mam take tento kod:

Tento kod nalouduje html kod a vlozi ho do divu #foto. V divu foto je pote kod ktery obsahuje i a.page-scroll, ale po kliknuti na tyto odkazy k plynulemu scrollovani nedojde...

Co prosim delame spatne?

7. 12. 2016 19:50:16

https://webtrh.cz/diskuse/prosim-o-vysvetleni-zakladnich-zavislosti-v-js/#reply1241872

Martin Prokopič

(2 hodnocení)

7. 12. 2016 19:56:39

První kus kódu projde všechny odkazy po načtení stránky a naváže to na všechny v tu dobu existující odkazy s třídou page-scroll handler na onclick. Nové odkazy to nemá šanci rozpoznat. Mohl bys to ale upravit na , tím by si událost navázal na body a ne přímo na ty odkazy a fungovalo by to i pro ty, co se přidají po načtení stránky.

7. 12. 2016 19:56:39

https://webtrh.cz/diskuse/prosim-o-vysvetleni-zakladnich-zavislosti-v-js/#reply1241871

matata86

(3 hodnocení)

7. 12. 2016 20:13:47

Aha... takze jquery nejdriv projede dokument a neresi ze tam pak neco pribude... To same tedy plati např. když mám:

I když odeberu prvku class loadfoto, tak kdyz na nej opet kliknu funkce se spusti znovu... jak tomu zamezit?

7. 12. 2016 20:13:47

https://webtrh.cz/diskuse/prosim-o-vysvetleni-zakladnich-zavislosti-v-js/#reply1241870

Martin Prokopič

(2 hodnocení)

7. 12. 2016 20:32:00

Jak jsem již psal, nenavazuj ty události přímo na ty elementy, ale na nějaký rodič (např. body). V tomto případě by to bylo zbytek kódu může zůstat stejný.

7. 12. 2016 20:32:00

https://webtrh.cz/diskuse/prosim-o-vysvetleni-zakladnich-zavislosti-v-js/#reply1241869

Pro odpověď se přihlašte.

Přihlásit