Question

unbind click to div. I have two divs .i want to unbind the click event to the inside div

when the page is loaded, i want to unbind the click events to triangle.
my JQuery code:

 $(".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

Use .off() to unbind the event, when you need to.

Example:

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

Another example: Here It will be clickable at first and not from the second time

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

Try it 🙂

---

Let me explain, what you did wrong in your codes

 $(".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
 });