javascript - 取消绑定(bind)点击到div

Question

解除click与div的绑定(bind)。我有两个 div。我想取消绑定(bind)到内部 div 的点击事件

当页面加载时，我想取消绑定(bind)到 triangle 的点击事件。我的 JQuery 代码:

 $(".wrapper").unbind();
 $(".triangles").unbind();

 $(".triangles" ).click(function(){   //it is still clickable

  alert("hello u clicked me");
 });

<div class="wrapper">
     <div class="triangles">
     </div>
     <div class="triangles">
     </div>
     <div class="triangles">
     </div>
</div>

Answer 1

在需要时使用 .off() 取消绑定(bind)事件。

例子:

$(".triangles").off("click");

另一个例子:这里它第一次可以点击，第二次就不能点击了

$(".triangles" ).click(function(){
    alert("hello u clicked me");
    $(this).off('click'); //after this, $(".triangles") will not longer be clickable
});

试一试:)

---

让我解释一下，你的代码哪里做错了

 $(".wrapper").unbind(); //unbinded all the events
 $(".triangles").unbind();  //unbinded all the events

 $(".triangles" ).click(function(){  //binded another click event
     alert("hello u clicked me"); //So of course it will be clickable
 });