如何在javascript或jquery中启用div的单击功能？

Question

我使用以下代码禁用了div

$("#menuDiv1").children().bind('click', function(){ 
     return false; 
});

menuDiv包含

<ul>
    <li><a class="home" href="#/Dashboard">Dashboard</a></li>
    <li><a class="forms" href="#/ViewLeads">Lead</a></li>
    <li><a class="forms"  href="#/ViewCases/0">Cases</a></li> 


</ul>

但现在我想再次启用它.我怎样才能做到这一点？

在角度js中是否还有其他解决方案？

Answer 1

您可以使用unbind删除禁用点击事件

 $("#menuDiv1").children().unbind('click');

要重新启用点击事件，请使用以下代码。

  function clickfunc(){
     // your code
  }

  $("#menuDiv1").children().bind('click',clickfunc); 

第二个选择

您可以使用off删除禁用点击事件

$("#menuDiv1").children().off('click');

要重新启用点击事件，请使用以下代码。

  function clickfunc(){
     // your code
  }

  $("#menuDiv1").children().on('click',clickfunc); 

如下讨论的 编辑a,button代码是避免标签上的点击事件。

演示版

function clickfunc(event){
     if(event.target.nodeName === 'A' || event.target.nodeName == "BUTTON"){
      return false;
     }

      // your code
     alert("click")
}

$("#menuDiv1").children().on('click',clickfunc);