document on click dynamic element
$(document).on('click', '.class', function() {
// do something
});document on click dynamic element
$(document).on('click', '.class', function() {
// do something
});dynamically add click event jquery
//For jQuery 1.7+ you can attach an event handler to a parent element using
//.on(), and pass the a selector combined with 'myclass' as an argument.
//See http://api.jquery.com/on/ So instead of...
$(".myclass").click( function() {
// do something
});
//You can write...
$('body').on('click', 'a.myclass', function() {
// do something
});
//This will work for all a tags with 'myclass' in the body, whether already
//present or dynamically added later.
//The body tag is used here as the example had no closer static surrounding
//tag, but any parent tag that exists when the .on method call occurs will
//work. For instance a ul tag for a list which will have dynamic elements
//added would look like this:
$('ul').on('click', 'li', function() {
alert( $(this).text() );
});
//As long as the ul tag exists this will work (no li elements need exist yet).jquery on click dynamic element
$('body').on('click', selector, function() {
// do something
});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());
});change event doesn't work on dynamically generated elements .
$( "#dataTable tbody" ).on( "click", "tr",
function() {
console.log( $( this ).text() );
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
