/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

4 votes134 views3 answers
Jquery toggle text on click
Javascript jQuery
0 vote135 views1 answer
Error message remove after checkbox fill in jquery
Javascript jQuery
34 votes145 views4 answers
Jquery attr
Javascript jQuery
1 vote128 views3 answers
Save action hide element in jquery
Javascript jQuery
0 vote140 views1 answer
Jquery event when element is rendered
Javascript jQuery
0 vote141 views1 answer
Jquery detect shift tab
Javascript jQuery
0 vote144 views1 answer
Jquery detach and remove
Javascript jQuery
0 vote144 views1 answer
JQuery Validate remote method usage to check if username already exists
Javascript jQuery
2 votes157 views2 answers
Onclick event in jquery ajac
Javascript jQuery
0 vote157 views1 answer
How to play jquery audio
Javascript jQuery