unbind问题单击关闭

Question

$('.filter-tab').on('click', function(){
    var $correspondingOverlay = $(this).next().next();
    $correspondingOverlay.fadeIn();
    if($('#one').is(':visible')) {
        $('#sort h2').off('click');
    }
    if($('#two').is(':visible')) {
        $('#filter h2').off('click');
    }
});

$('.close').on('click', function () {
    $('.filter-results').fadeOut();
    $('#filter h2, #sort h2').on('click');
});

off（）部分没有取消点击，仍然允许相应的叠加淡入。任何想法，我在这里出错？

Answer 1

off应与on上的选择器相同。

因此，这应该有效：

$('.filter-tab').off('click');

否则，你必须拥有多个不同的.on，而不是通用选择器。

Answer 2

试

 $('body').off('click','#filter h2',function(){});