jquery unbind click doesn't work

Question

Please give me a hand.Thanks in advance! Here is the simple coding:

var $newbox = $( "<div/>" );
$newbox.addClass("init_box");
for(i=0; i<3; i++) {
    $("#game").append($newbox.clone().click(function(){
        $(this).addClass("select_box"); 
        $("div.init_box").unbind("click");
    }));
}

I wanna create 3 divs and once any one of this 3 divs is clicked, then others will unbind the click event. But the code above doesn't work.

Do this: $("div.init_box").off("click"); Hope it helps :) API api.jquery.com/off — Tats_innit
– Tats_innit, Commented Oct 22, 2013 at 2:09

Neil Girardi · Accepted Answer · 2013-10-22 02:02:48Z

2

You need to bind the click handler using .bind() if you are going to use .unbind();

answered Oct 22, 2013 at 2:02

Neil Girardi

5,0113 gold badges37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arun P Johny · Accepted Answer · 2013-10-22 02:20:43Z

1

I'll use .on() and .off() with namespaced event handler like

var $newbox = $('<div/>', {
    'class': 'init_box'
}).on('click.select', function () {
    $(this).addClass("select_box");
    $("#game .init_box").off("click.select");
});

for (i = 0; i < 3; i++) {
    $newbox.clone(true, true).appendTo('#game').html(i)
}

Demo: Fiddle

answered Oct 22, 2013 at 2:20

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Will · Accepted Answer · 2013-10-22 02:06:21Z

0

This should work.

var $newbox = $( "<div/>" );
$newbox.addClass("init_box");
for(i=0; i<3; i++) {
    $newbox.clone().appendTo("#game").click(function(){
        $(this).addClass("select_box"); 
        $("div.init_box").unbind("click");
    });
}

In your example you're attempting to add the handler to the object before it's inserted into the DOM, this doesn't work.

You must first insert it into the DOM, then add the handler.

Alternatively you can use live binds. http://api.jquery.com/on/

answered Oct 22, 2013 at 2:06

Will

1244 bronze badges

Collectives™ on Stack Overflow

jquery unbind click doesn't work

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related