NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Moj javascript (jQuery) je absolutne ignorovany

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Lava
Člen
Avatar
Lava:14.2.2020 10:45

Mám stránku: https://www.asgo.sk/…search-list/?…
Po kliknu na "Zobraziť miesta" a potom po kliku na ľubovoľné miesto v autobuse, napríklad sedadlo b2 sa dole vyscrolluje formular, kde má user napísať svoje meno adresu atď... dorobil som tam div.fakebox, ktorý sa tvári ako checkbox. Následne na tento div potrebujem zavesiť nejaké veci na click event, ale keď napíšem custom javascript v jquery, a klikam na to ako besny, vôbec nič sa nedeje. Absolutne to ignoruje môj javascript. Vie niekto prečo? V JS som začiatočnik

Zkusil jsem: Tu je moj html kod

<div class="fakebox"></div>

Tu je môj jQuery kod v custom JS danej templaty (je to wordpress, som ešte nespomenul)

jQuery(document).ready(function() {
    jQuery('.fakebox').click(function() {
       alert('Work?');
    });
});

Po kliku na ten fakebox sa nestane vôbec nič. V konzole žiadna chyba, žiaden alert nevyskoči. Proste ma to uplne ignoruje. V zdrojaku ten moj kod možno najsť, rovnako aj <script> na jquery

Chci docílit: Aby to šlo. Potrebujem na to naviazať ďalšiu funkcionalitu v JS

Odpovědět
14.2.2020 10:45
Aspartám, sacharín, to je môj vitamín
Avatar
Lukáš Křehula
Tvůrce
Avatar
Lukáš Křehula:14.2.2020 14:52

Ahoj,
jelikož .fakebox do DOM doplňuješ javascriptem, tak na tom prvku není navěšená událost. Musíš využít dynamický event, tzn.

$(document).on("click", ".fakebox", function() { ... });
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
14.2.2020 14:52
Avatar
Lava
Člen
Avatar
Odpovídá na Lukáš Křehula
Lava:14.2.2020 20:00

Ale ja ho nedoplnujem javascriptom. Je to normalne prazdne DIV oCSSkocane, aby vyzeralo ako checkbox. Ale skusim to aj tak ako pises ;-)

Nahoru Odpovědět
14.2.2020 20:00
Aspartám, sacharín, to je môj vitamín
Avatar
Neaktivní uživatel
Člen
Avatar
Odpovídá na Lava
Neaktivní uživatel:15.2.2020 7:24

Lukáš má pravdu. Celý ten formulář včetně div.fakebox vkládáš do DOM javascriptem. Na frontendu je to celé vidět ve funkci wbt_update_pas­senger_form().

Nahoru Odpovědět
15.2.2020 7:24
Neaktivní uživatelský účet
Avatar
Lava
Člen
Avatar
Odpovídá na Neaktivní uživatel
Lava:15.2.2020 18:58

Super, no hned v pondelok to skusim ;-)

Nahoru Odpovědět
15.2.2020 18:58
Aspartám, sacharín, to je môj vitamín
Avatar
Lava
Člen
Avatar
Lava:17.2.2020 8:01

Funguje to, chlapi. Ďakujem

Nahoru Odpovědět
17.2.2020 8:01
Aspartám, sacharín, to je môj vitamín
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.