jquery - 解除div的绑定(bind)，稍后再绑定(bind)

Question

$('.tab').click(function() {
    $(this).unbind("click");
    var classy = $(this).attr("class").split(" ").splice(-1);
    var ihtml = $('.content.'+classy).html();
    $('#holder').html(ihtml);
    $('.tab').removeClass('highlight');
    $(this).addClass('highlight');
    $(this).unbind("click");
});

所以在这段代码中我基本上有一个选项卡式界面。当我再次单击选项卡时，#holder 中的信息消失。所以我想做的是每当用户单击选项卡时取消绑定(bind)点击，然后在切换选项卡时绑定(bind)它。如何将其集成到我的代码中？

谢谢。

Answer 1

您可以尝试在单击选项卡时添加一个“active”类(通常是很好的做法)，然后使用 jQuery 的 live() 来做一些奇特的事情...

$('.tab:not(.active)').live('click', function () { 
    $('.tab').removeClass('active');
    $(this).addClass('active');
    ... 
});

我想这可以解决问题。