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

Question

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?

did you tried `event.preventDefault();` – Amar Singh Jan 12 '16 at 12:14 — Amar Singh, Jan 12 '16 at 12:14

score 4 · Accepted Answer · edited Jan 12 '16 at 12:21

4

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()

edited Jan 12 '16 at 12:21

Parth Trivedi

3,802
1
20
40

answered Jan 12 '16 at 12:14

Justinas

41,402
5
66
96

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

1 Answers1