jQuery how to bind onclick event to dynamically added HTML element [duplicate]

by

All of these methods are deprecated. You should use the on method to solve your problem.

If you want to target a dynamically added element you’ll have to use 

$(document).on('click', selector-to-your-element , function() {
     //code here ....
});

this replace the deprecated .live() method.

More Related Contents:

  1. jQuery Event Keypress: Which key was pressed?
  2. jQuery: trigger a hover event from another element
  3. jQuery .animate function not responding properly
  4. Why jQuery .load() is not working? [closed]
  5. What does [object Object] mean?
  6. Assign click handlers in for loop
  7. Scroll Automatically to the Bottom of the Page
  8. jqGrid does not render correctly in Chrome/Chrome Frame
  9. How to clone and change id?
  10. Bootstrap: Open Another Modal in Modal
  11. Case insensitive jQuery attribute selector
  12. script tag in angular2 template / hook when template dom is loaded
  13. Dynamically create and submit form
  14. AJAX request to local file system not working in Chrome? [duplicate]
  15. How do I remove javascript validation from my eclipse project?
  16. Defining a HTML template to append using JQuery
  17. Populating a select box using JQUERY, AJAX and PHP
  18. Debounce function in jQuery
  19. SVG – click is not a function [duplicate]
  20. one document.createElement, append it twice, only shows once
  21. Close a div by clicking outside
  22. Change form values after submit button pressed
  23. JavaScript on the bottom of the page?
  24. Put quotes around a variable string in JavaScript
  25. How to show loading status in percentage for ajax response?
  26. jQuery Datepicker “After Update” Event or equivalent
  27. JSON to string variable dump
  28. Select2() is not a function
  29. jQuery selector to target any class name (of multiple present) starting with a prefix?
  30. How is AngularJS different from jQuery

Leave a Comment