/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 vote226 views1 answer
Clear canvas content jquery
Javascript jQuery
0 vote206 views1 answer
Jquery each response
Javascript jQuery
0 vote244 views2 answers
If media queries jquery
Javascript jQuery
1 vote215 views2 answers
Jquery chrome extension
Javascript jQuery
4 votes233 views1 answer
Jquery on 2 events
Javascript jQuery
18 votes214 views1 answer
Remove attribute jquery
Javascript jQuery
0 vote233 views1 answer
Jquery list all event listeners
Javascript jQuery
0 vote218 views1 answer
Jquery on type event
Javascript jQuery
1 vote198 views1 answer
Jqvalide disable submit button after click
Javascript jQuery
0 vote210 views1 answer
Object json jquery foreach
Javascript jQuery