/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

0 vote300 views2 answers
On mouse over in jquery
Javascript jQuery
0 vote313 views1 answer
Jquery iframe navigate handler
Javascript jQuery
0 vote313 views1 answer
Jquery ui dialog position fixed center
Javascript jQuery
42 votes315 views6 answers
Jquery get value by name
Javascript jQuery
2 votes318 views3 answers
Hide and show modal jquery
Javascript jQuery
0 vote326 views1 answer
Clear localstorage on click jquery
Javascript jQuery
32 votes362 views6 answers
Jquery set radio button checked
Javascript jQuery
4 votes331 views2 answers
Jquery works until modal is shown
Javascript jQuery
5 votes319 views3 answers
Jquery disable select
Javascript jQuery
0 vote365 views1 answer
Jquery uncheck all other checkboxes when one is checked
Javascript jQuery