Tuesday, November 19, 2013

JQuery .on() event handler hasznalat a click() helyett dinamikusan letrehozott elemeknel

A click() event handler nem fog mukodni dinaikusan letrehozott elemeknel csak ha a letrehozas utan ujra rakotjuk. Az on() event handler-nel meg lehet adni egy selector-t, tehat ha a $(document).ready()-ben irjuk le az on()-t egy ott mar letezo container item-re amibe bekerul majd dinamikusan a valojaban vizsgalando item akkor minden renben lesz.


<html>
    <button id="add">Add new</button>
    <div id="container">
        <button class="alert">alert!</button>
    </div>
</html>

$("div#container").on('click', 'button.alert', function() {
    alert(1);
});


No comments: