How To Bind Events On Dynamically Created Elements In Jquery

For More Videos Visit Our YouTube Channel

Event Binding On Dynamically Created Elements

Sometimes we may have to append the events on dynamically created elements. If we try to invoke the events directly on these dynamically created elements it may not work. For example, consider the follwoing code. For a dynamically appended link of class clsLink, the following click event may not work.



Now lets consider how to Resolve this Issue.

How to resolve this issue:

For resolving this issue we have to use of Jquery On function $(document).on(
eventName, selectorName, function(){} )



If you are using older version of jquery, then Jquery live function is enough.

$(document).live(
eventName, selectorName, function(){} );



By this way we can resolve this issue.