jQuery .on() method doesn’t see new elements

by

You are not using the correct code to get live functionality.

$('#title-items').on('click', 'a', function(e) {
    alert('clicked');
    e.preventDefault();
});
  1. First, select your common ancestor element (#title-items in this example). You can use document here too if you want to handle all a elements.
  2. Pass the event type (on), then the sub selector (a), and then the callback function for the event.

Now, when click events bubble up to #title-items, it will check to see if the element is an a element, and if so, fire the callback.

More Related Contents:

  1. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  2. jQuery click events firing multiple times
  3. Alternative to jQuery’s .toggle() method that supports eventData?
  4. Need to cancel click/mouseup events when double-click event detected
  5. How to stop default link click behavior with jQuery
  6. Why is ‘event’ available globally in Chrome but not Firefox?
  7. Cancel click event in the mouseup event handler
  8. Javascript: function doesnt work even though condition is met (hard for me to explain)
  9. jQuery $(document).ready and UpdatePanels?
  10. Getting value of select (dropdown) before change
  11. How can I detect pressing Enter on the keyboard using jQuery?
  12. What is the difference between the mouseover and mouseenter events?
  13. Long Press in JavaScript?
  14. $(document).click() not working correctly on iPhone. jquery [duplicate]
  15. Event when user stops scrolling
  16. jQuery scroll() detect when user stops scrolling
  17. Fire jQuery event on div change
  18. HTML5 dragleave fired when hovering a child element
  19. Get clicked element using jQuery on event?
  20. jQuery: keyup event for mobile device
  21. jQuery: $().click(fn) vs. $().bind(‘click’,fn);
  22. Difference between .click() and actually clicking a button? (javascript/jQuery)
  23. How to unbind a specific event handler
  24. How to remove all click event handlers using jQuery?
  25. Programmatical click on -tag not working in Firefox
  26. Catch scrolling event on overflow:hidden element
  27. Javascript click event handler – how do I get the reference to the clicked item?
  28. Trigger for span text/html on changed
  29. Why isn’t my checkbox change event triggered?
  30. jQuery event bubbling

Leave a Comment