/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

46 votes105 views2 answers
Google hosted jquery
Javascript jQuery
27 votes115 views4 answers
Jquery set input value
Javascript jQuery
7 votes107 views3 answers
Stop submit form jquery
Javascript jQuery
1 vote109 views1 answer
Wordpress jquery slide out navigation
Javascript jQuery
1 vote118 views1 answer
Jqueryreplace content of div
Javascript jQuery
12 votes123 views3 answers
Jquery replace element
Javascript jQuery
0 vote120 views1 answer
Javascript jquery json quiz3
Javascript jQuery
1 vote122 views1 answer
Jquery SEND TO END OF ARRAY
Javascript jQuery
0 vote133 views1 answer
How to remove modal-backdrop fade in jquery
Javascript jQuery
0 vote112 views1 answer
Jquery trigger event when scroll to div
Javascript jQuery