/Javascript/jQuery/Jquery dynamic event handling

Jquery dynamic event handling

var counter = 0;

$("button").click(function() {
    $("h2").append("<p class='test'>click me " + (++counter) + "</p>")
});

// With on():

$("h2").on("click", "p.test", function(){
    alert($(this).text());
});

Source: stackoverflow.com

Change event doesn't work on dynamically generated elements .

$( "#dataTable tbody" ).on( "click", "tr",      
function() {
console.log( $( this ).text() );
});

Source: stackoverflow.com

Similar codes

1 vote157 views2 answers
Jquery ajax while loading
Javascript jQuery
0 vote112 views1 answer
Jquery close another dialog
Javascript jQuery
0 vote124 views1 answer
Hide checkbox jquery
Javascript jQuery
3 votes122 views2 answers
Disable right click jquery
Javascript jQuery
9 votes152 views3 answers
Jquery get base url
Javascript jQuery
8 votes150 views3 answers
JQuery add table row
Javascript jQuery
0 vote152 views1 answer
Jquery scroll to element toggle menu item
Javascript jQuery
6 votes139 views3 answers
Jquery unescape html
Javascript jQuery
0 vote142 views2 answers
Set options using jquery in laravel form collective
Javascript jQuery
0 vote151 views1 answer
Selectores de jQuery CSS básicos
Javascript jQuery