解除绑定不做应该做的事

Question

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

这个想法是当您单击时，单击事件就会解除绑定。另请注意，警报（'测试'）未触发。

  $(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();
} 

Answer 2

绑定后立即解除绑定！您需要在处理程序中取消绑定（hide）以确保其执行，否则您可能会考虑这样做：

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

one 将确保每个元素仅执行一次处理程序。