May 6, 2012
unbind click to div
Question by meWantToLearn
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 by Starx
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
});
