Reassigning the click event from click (using jQuery)

Question

Hi everyone!

I'm having some trouble with this javascript (using jQuery):

$(a).click(function(){
    alert('hi')
    this.unbind.click(function(){
     doSomethingElse(this);
    })
})

When a is clicked, it is supposed to reassign its own click event. Unfortunately, it fires the second click event as well. I know this is to do with propagation, but I can't work out how to stop this behaviour.

Any ideas?

Sam

Answer 1

Just return false from the callback:

$(a).click(function(){
    alert('hi')
    this.unbind.click(function(){
        doSomethingElse(this);
    });
    return false;
});

Answer 2

$(a).click(function(e){
    alert('hi')
    $(this).unbind('click', arguments.callee).click(function(){
        doSomethingElse(this);
    })
    e.preventDefault();
})