jquery .live(‘click’) vs .click()

by

There might be times when you explicitly want to only assign the click handler to objects which already exist, and handle new objects differently. But more commonly, live doesn’t always work. It doesn’t work with chained jQuery statements such as:

$(this).children().live('click',doSomething);

It needs a selector to work properly because of the way events bubble up the DOM tree.

Edit: Someone just upvoted this, so obviously people are still looking at it. I should point out that live and bind are both deprecated. You can perform both with .on(), which IMO is a much clearer syntax. To replace bind:

$(selector).on('click', function () {
    ...
});

and to replace live:

$(document).on('click', selector, function () {
    ...
});

Instead of using $(document), you can use any jQuery object which contains all the elements you’re monitoring the clicks on, but the corresponding element must exist when you call it.

More Related Contents:

  1. Jquery live() vs delegate() [duplicate]
  2. jquery click doesn’t work on ajax generated content
  3. .live() vs .bind() [duplicate]
  4. What is the difference between the bind and live methods in jQuery?
  5. jquery live hover
  6. Live search through table rows
  7. Jquery: detect if middle or right mouse button is clicked, if so, do this:
  8. jquery live event for added dom elements
  9. jQuery CSS() for dynamically created elements
  10. Jquery Show Tabs [closed]
  11. Click event doesn’t work on dynamically generated elements [duplicate]
  12. jQuery doesn’t work after content is loaded via AJAX
  13. jQuery .val() vs .attr(“value”)
  14. Get checkbox value in jQuery
  15. jQuery Deferred – waiting for multiple AJAX requests to finish [duplicate]
  16. Should jQuery’s $(form).submit(); not trigger onSubmit within the form tag?
  17. Get HTML inside iframe using jQuery
  18. jqGrid iterate over the grid Data in a subgrid
  19. How to fix a header on scroll
  20. How to call a web service from jQuery [duplicate]
  21. Google Charts: Drawing Multiple Bar Charts with dual axis in IE
  22. jquery scroll, change navigation active class as the page is scrolling, relative to sections
  23. How can I enable jquery validation on readonly fields?
  24. HTML5 validation before ajax submit
  25. Updating jQuery Tablesorter plugin after removing a row from DOM
  26. jQuery html attribute not working in IE
  27. jQuery Toggle Text?
  28. Jquery addclass/removeclass on click
  29. JQGrid: Loading data into the footer row
  30. Include js file in Go template

Leave a Comment