Attaching click event to a JQuery object not yet added to the DOM [duplicate]

by

Use this. You can replace body with any parent element that exists on dom ready

$('body').on('click', '#my-button', function () {
     console.log("yeahhhh!!! but this doesn't work for me :(");
});

Look here http://api.jquery.com/on/ for more info on how to use on() as it replaces live() as of 1.7+.

Below lists which version you should be using

$(selector).live(events, data, handler); // jQuery 1.3+

$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+

$(document).on(events, selector, data, handler); // jQuery 1.7+

More Related Contents:

  1. Direct vs. Delegated – jQuery .on()
  2. How to distinguish between left and right mouse click with jQuery
  3. Can I find events bound on an element with jQuery?
  4. jQuery click events firing multiple times
  5. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  6. How to fire an event on class change using jQuery?
  7. Check if event exists on element [duplicate]
  8. onClick not working on mobile (touch)
  9. How to differentiate single click event and double click event?
  10. Why is this jQuery click function not working?
  11. How to detect escape key press with pure JS or jQuery?
  12. Detect multiple keys on single keypress event in jQuery
  13. How to trigger jQuery change event in code
  14. How to stop events bubbling in jQuery? [duplicate]
  15. How to stop default link click behavior with jQuery
  16. jQuery event delegation
  17. How can I get jQuery .val() AFTER keypress event?
  18. Open Select using Javascript/jQuery?
  19. Why is ‘event’ available globally in Chrome but not Firefox?
  20. JavaScript: Invoking click-event of an anchor tag from javascript
  21. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  22. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  23. Moving a focus when the input text field reaches a max length
  24. jQuery function not binding to newly added dom elements
  25. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  26. jQuery $(document).ready () fires twice
  27. Fullscreen API: Which events are fired?
  28. Bind events on dynamic created elements inserted by AJAX (check box)
  29. jQuery Datepicker “After Update” Event or equivalent
  30. Is My Page Being Loaded from the Browser Cache?

Leave a Comment