单击后取消绑定<li>，然后在需要时再次绑定</li>

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);