javascript - 如何在 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>

但现在我想再次启用它。我该怎么做？

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

EDIT 如下所述代码是避免 a,button 标签上的点击事件。

DEMO

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

      // your code
     alert("click")
}

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