CODEWITHSUNDEEP
javascriptjqueryfunction-binding
Sinister Beard
Sinister Beard

Reputation: 3680

Can you unbind a jQuery function that's bound to the document?

I want to prevent this function from working:

$(document).on("click",".filters", function(event) {
    $('.filters').removeClass('selectedFilter');
    $(this).addClass('selectedFilter');
    $('.filters div').not('.selectedFilter div').slideUp(200);
    $('.selectedFilter div').animate({opacity:"toggle",height:"toggle"},200);
});

I've tried $(".filters").unbind("click"), but that's not working, I'm guessing because of how I trigger it in the first place?

Upvotes: 0

Views: 47

Answers (1)

Justinas
Justinas

Reputation: 43441

Try off instead of unbind

$(document).off("click", ".filters");

From the documentation:

The .off() method removes event handlers that were attached with .on() and Event handlers attached with .bind() can be removed with .unbind()

Upvotes: 4

Related Questions