How to setup my click callback function

Question

I am trying to add a callback function on click (when user clicks the button second time).

I have

$('#toggle').live('click', function(){
        $this=$(this);
        $this.attr('id', 'detail')
        turn()
    }, function(){
        $this.attr('id','detail_close')
        turn()
    })

I can't seem to change the id to detail_close and call turn() again after the second click. Any tips? Thanks a lot!

thecodeparadox · Accepted Answer · 2012-09-12 18:12:42Z

1

   var count = 0; // a counter
   $(document).on('click', '#toggle', function(){

        $this = $(this);
        $this.prop('id', 'detail');  // may use prop(), instead of attr()

        count++;  // increase counter value

        // checking for counter value
        if(count > 1) {
             // do something on second click

             $this.prop('id', 'detail_close'); // change id
             turn();  // call turn()

             count = 0; // reset the counter
        }
    });

As .live() is deprecated, so in order to make delegate event handling use .on() method like:

$(StaticParent).on(eventName, target, handlerFunction)

answered Sep 12, 2012 at 18:12

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

1 Comment

Rouge Over a year ago

I can't use on becasue I am using Jquery 1.64

Ohgodwhy · Accepted Answer · 2012-09-12 18:09:52Z

0

$(document).on('click', '#toggle', function(){
    $this=$(this);
    if($this.prop('id') == 'detail'){
        $this.prop('id', 'detail_close');
        turn();
    }else{
        $this.prop('id', 'detail');
        turn();
    }
});

We use .on and .prop in the newest version of jQuery.

answered Sep 12, 2012 at 18:09

Ohgodwhy

50.9k11 gold badges86 silver badges114 bronze badges

Collectives™ on Stack Overflow

How to setup my click callback function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related