javascript - 解除绑定(bind)不做应该做的事

Question

我一定错过了一些基本的东西，但我一生都无法解决它。

这个想法是当您单击时，单击事件就会解除绑定(bind)。另请注意警报('test')未触发。

  $(document).ready(function() {
  $('#menu .cat-item a').each( function() {
    $(this).bind('click',hide).unbind('click',hide);
  });
 });


 function hide(){
   alert('test')
    $("#home-content").fadeIn();
   $("#home-page").fadeOut();
 } 

使用jquery 1.4

非常感谢

丹

Answer 1

由于 jQuery 支持流畅的编程风格，bind 实际上返回 this 对象。

因此，在这种情况下，您首先添加处理程序，然后立即删除它。

正确的版本是

$(document).ready(function() {
    $('#menu .cat-item a').each( function() {
         $(this).bind('click',hide);
    });
});


function hide(){
    $(this).unbind('click',hide);
    $("#home-content").fadeIn();
    $("#home-page").fadeOut();
}