jQuery click() still being triggered after .clickable class is removed

by

When you attach an event handler to a DOM element, it stays intact.
The class is just a way to reference the element, and changing the class will not unbind the event handlers, for that you will have to manually unbind the handler, and if using jQuery 1.7+ on() and off() is the way to go :

$('.clickable').on('click', function() {
  $(this).removeClass('clickable').addClass('not-clickable').off('click');
});

this would make the element clickable only once, and you could just use the built in one() function instead, as that will unbind the handler automagically after the first click :

$('.clickable').one('click', function() {
  $(this).removeClass('clickable').addClass('not-clickable');
});

More Related Contents:

  1. Disable a part of JavaScript code [closed]
  2. How to use setInterval and clearInterval?
  3. Can I use jQuery with Node.js?
  4. What does jQuery.fn mean?
  5. How to order events bound with jQuery
  6. Detecting when a div’s height changes using jQuery
  7. What is AJAX and how does it work? [duplicate]
  8. How to send a JSON object using html form data
  9. How to know if a font (@font-face) has already been loaded?
  10. JavaScript data grid for millions of rows [closed]
  11. Select 5 random elements
  12. jQuery access input hidden value
  13. How to exclude weekends between two dates using Moment.js
  14. Catching 302 FOUND in JavaScript
  15. width/height after transform
  16. How to display pie chart data values of each slice in chart.js
  17. Perform curl request in javascript?
  18. JQuery $.ajax() post – data in a java servlet
  19. jQuery trigger action when a user scrolls past a certain part of the page
  20. Iterating a JavaScript object’s properties using jQuery
  21. How do I add button on each row in datatable?
  22. JQuery UI Tabs Causing Screen to “Jump”
  23. IE9: Why setting “-ms-transform” works from css, but not with jquery.css()
  24. Convert iso timestamp to date format with Javascript?
  25. Test if an element can contain text
  26. Dynamically replace img src attribute with jQuery
  27. unable to load xml from external file using jQuery
  28. Disabling links to stop double-clicks in JQuery
  29. Screen Coordinates of a element, via Javascript
  30. How to force input to only allow Alpha Letters?

Leave a Comment