I know we can bind event to dynamically created elements like below
$('some').on('click','class/id of dynamic ele',function(){});
but how to trigger click event on dynamically created element like i have created new element in dom
<div class=one>M</div>
now how can i $( .one ).trigger( click ); ?
but how to trigger click event on dynamically created element like i
have created new element in dom
Try defining <div class=one>M</div> without attributes <div>M</div>; setting attributes at second argument to jQuery( html, attributes ) , utilizing .click()
jQuery( html, attributes )
html
Type: htmlString A string defining a
single, standalone, HTML element (e.g. or ).
attributes
Type: PlainObject An object of attributes, events, and
methods to call on the newly-created element.
Important: If the second argument is passed, the HTML string in the first argument must represent a simple element with no attributes.
As of jQuery 1.4, any event type can be passed in, and the following jQuery methods can be called: val, css, html, text, data,
width, height, or offset.
// create dynamic element
$( <div></div>, {
class: one,
text: abc,
on: {
// attach `click` event to dynamically created element
click: function( event ) {
// Do something
console.log(event.target, this.textContent)
}
}
}).appendTo( body )
// trigger `click` event on dynamically created element
.click()<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js>
</script>
