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

Question

I\'ve got a click event assigned to a div of a particular class. When the click occurs, the class is removed from the div. However, you can still click the div and the

Answer 1

If you want to call click event only once use jQuery one function to bind events it will destroy itself.

$('.clickable').one('click',function() {
   $(this).removeClass('clickable');//remove the class
   $(this).addClass('not-clickable');
   alert('Clicked!');
});