[roknasilowni]

Dlaczego jak używam selektora "input" to nie działa?

$("input").on("change", function(){
alert("dziala!");
});

Jak dam "div" (w którym jest input) to działa, ale przecież to mi co chwilę się jakiś div na stronie zmienia. ( ͡° ʖ̯ ͡°)
Jak ustawię inputowi jakąś klasę to też nie działa.

#jquery

[L.....F]

@roknasilowni: może nie masz inputa? Ciężko powiedzieć bez htmla

[roknasilowni]

@LOLWTF: Input jest wygenerowany przez kliknięcie przycisku, może to dlatego? Tylko w takim razie jak to ogarnąć?

[MarcusPlinius]

@roknasilowni: Spróbuj tak:

$(document).on('change', 'input', function() {
alert("dziala!");
});

[roknasilowni]

$(document).on('change', 'input', function() {

alert("dziala!");

});

@MarcusPlinius: No tak działa, ale wiesz czemu tamto nie działa? Na przykładach wszędzie są takie proste skrypciki i działają, w ten sposób bym uniknął może błędów w przyszłości.

[L.....F]

Input jest wygenerowany przez kliknięcie przycisku, może to dlatego?

@roknasilowni: ano może być. event podczepiany jest do pola, jak jeszcze pole nie istnieje. Podpowiedź: http://jsfiddle.net/4q5tt3u7/

nie znam dobrze js, więc może jest bardziej eleganckie rozwiązanie

edit:
objaśnienie: w tym rozwiązaniu podczepiasz event change dopiero po utworzeniu pola, więc ma się gdzie podczepić

[MarcusPlinius]

@roknasilowni: Taka składnia. Są dwa scenariusze wyboru:

- $("input").change, function(){ - ten Ci nie obejmie przypadków dynamicznie dodanych elementów po załadowaniu strony
- $(document).on('change', 'input', function() { - tutaj selektor podaje się jako parametr funkcji "on". Działa również na dynamicznie dodanych elementach po załadowaniu strony. Dla mnie ten pierwszy selektor wskazuje na zakres który ma być monitorowany - jak dasz nadrzędny "div" to będzie monitorował tylko input-y w ramach tego diva

[roknasilowni]

@MarcusPlinius: No teraz rozumiem, bo div już był w suchym kodzie.