解除绑定点击后，需要时再次绑定

Question

我创建了一个下拉菜单。当你点击“联系”时，一个巨大的联系框就会降下来。当我点击“关闭”时，它就消失了。此功能有效。

我需要的是在表单打开后解除列表项的绑定，但在关闭后再次启用它。

代码如下。

jQuery(document).ready(function() {

 jQuery("#header ul.menu li:last-child").addClass("open");

 jQuery("#header ul.menu li.open").click(function() {

  jQuery(this).unbind("click");

  jQuery("#contact").animate({marginTop:'+=426px'}, 2000);

  return false;

 });

 jQuery("#contact a#close").click(function() {

  jQuery("#contact").animate({marginTop:'-=426px'}, 2000);

  jQuery("#header ul.menu li:last-child").live("click", function() {

  });

  return false;

 });

});

Answer 1

您应该指定对 .unbind() / .bind() 的函数引用。

function click_handler() { 
    // do something
}

jQuery("#header ul.menu li.open").click(function() {
   jQuery(this).unbind("click", click_handler);

   jQuery("#contact").animate({marginTop:'+=426px'}, 2000);

   return false;
});

// some code

jQuery("#header ul.menu li.open").bind('click', click_handler);