How to bind Events on Ajax loaded Content?

by

Use event delegation for dynamically created elements:

$(document).on("click", '.mylink', function(event) { 
    alert("new link clicked!");
});

This does actually work, here’s an example where I appended an anchor with the class .mylink instead of data – http://jsfiddle.net/EFjzG/

More Related Contents:

  1. How to send data to the server via Ajax?
  2. HTML: how refresh information in [closed]
  3. How to make page loaders/animations/transitions
  4. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  5. jQuery.click() vs onClick
  6. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  7. Refresh/reload the content in Div using jquery/ajax
  8. Set timeout for ajax (jQuery)
  9. Using HTML5 file uploads with AJAX and jQuery
  10. Prevent Page Load on Jquery Form Submit with None Display Button
  11. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  12. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  13. HTML5 dragleave fired when hovering a child element
  14. jquery submit form and then show results in an existing div
  15. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  16. How do I abort image load requests without using window.stop()
  17. how to assign javascript variable value to php variable
  18. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  19. How to replace html element with ajax response?
  20. How to change URL in browser without navigating away from page?
  21. How can I get all a form’s values that would be submitted without submitting [duplicate]
  22. Bind events on dynamic created elements inserted by AJAX (check box)
  23. how to use jQuery ajax calls with node.js
  24. Trigger for span text/html on changed
  25. jQuery DataTables “No Data Available in Table”
  26. Twitter-style autocomplete in textarea
  27. Scrolling Overflowed DIVs with JavaScript
  28. jquery ajax parse response text
  29. Parsing returned HTML from jQuery AJAX request
  30. How to replace the entire html webpage with ajax response?

Leave a Comment