2

I want to unbind the anchor after the first click, but when user click a specific button, I want to rebind the click event to this anchor

I wrote this code

 $(document).ready(function(){
    $("a.package").click(function(){
        //alert('click');            
        $(this).unbind('click'); 
        // the rest of the code
    });

    $('#activate').click(function(){
        $('a.package').bind('click');
        // the rest of the code
    });
});

the unbind function works well, but the bind function does not work, why? and how to make it work?

sahar
  • 569
  • 7
  • 16
  • 29
  • This could be helpful: http://stackoverflow.com/questions/516265/jquery-unbind-event-handlers-to-bind-them-again-later – Kokos Jul 07 '11 at 19:48
  • You might want to use jQuery's click instead of bind. http://api.jquery.com/click/ – mrtsherman Jul 07 '11 at 19:49

3 Answers3

4

Store your click function in a variable so that it can easily be re-assigned...

$(document).ready(function() {
  var onclick = function(e) {
    //alert('click');            
    $(this).unbind('click'); 
    // the rest of the code
  }

  $("a.package").click(onclick);

  $('#activate').click(function() {
    $('a.package').click(onclick);
    // the rest of the code
  });    
});
Josh Stodola
  • 81,538
  • 47
  • 180
  • 227
0

You have to pass a callback to bind, it doesn't remember anything once it is unbound. Meaning when you specified the bind again in the #activate.click you would have to specify the function there. Probably the best way to do this is specifiy the function else where and use that for the bind call. In the example below i use jquerys .data to store a function under 'clickFunc' and then use this as the callback for the .click . You could just also use a var.

$(document).ready(function(){
    $("#package").data('clickFunc', function () {
        alert("Click");
        $(this).unbind('click');
    })
    console.log($('#package').oclick);
    $("#package").click($('#package').data('clickFunc'));

    $('#activate').click(function(){
        $("#package").click($('#package').data('clickFunc'));
        // the rest of the code
    });
});

http://jsfiddle.net/nj65w/13/

jzilla
  • 1,683
  • 10
  • 10
0

Try changing the first binding to .one().

$("a.package").one("click", function(){
            // alert('click');            
            // $(this).unbind('click'); <-- no need, using .one
            // call your "when clicked" function
        });
$('#activate').click(function(){
        $('a.package').click(<your "when clicked" function>);
    });
Sean O
  • 2,276
  • 1
  • 21
  • 24
  • all I want is to rebind click event to the anchor so that user can click it again. this can only happened when the user click to activate button – sahar Jul 07 '11 at 22:51