Block a live click event until that function isn't over?

Question

Can someone help me fix this code, please? What I want is to block the live ('click') function until the sliddingright function is done.

('li.menu-item').live('click', function(event){
    if( !$(this).is(':animated')) 
    {
    sliddingright(page_id_target_right,previous_right_old,previous_right,next_right,pages_numbers);
    }
});

I don't really understand what you mean by callback, but i guess it is possible — Romain, Dec 19 '12 at 16:37
You would have to unbind the click event and then rebind it in the sliddingright() function. — Blake Plumb, Dec 19 '12 at 16:39
Thanks, I will try to unbind the click event when activated and then rebind it at the end of my function. — Romain, Dec 19 '12 at 16:43

score 2 · Accepted Answer · answered Dec 19 '12 at 16:43

2

Just add a return statement to your slidingright function that returns 'standby' once the function has completed its task, save it and check its value next time 'click' is called.

Like so :

var state = 'standby';
('li.menu-item').live('click', function(event){
    if( !$(this).is(':animated') && state == 'standby' ) 
    {
        state = 'processing';
        state = sliddingright(page_id_target_right,previous_right_old,previous_right,next_right,pages_numbers);
    }
});

answered Dec 19 '12 at 16:43

Raindal

3,227
15
14

Thanks for your answer, I tried your solution but this isn't working in my case... $(document).ready(function() { var state = 'standby'; $('li.menu-item').live('click', function(event){ if( !$(this).is(':animated') && state == 'standby' ) { state = 'processing'; state = sliddingright(page_id_target_right,previous_right_old,previous_right,next_right,pages_numbers); } }); At the end of the sliddingright function I'm returning the "standby" state – Romain Dec 19 '12 at 17:11
The problem is that into my sliddingright function, I'm sending the state "standby" even if the animation aren't finish – Romain Dec 20 '12 at 12:06
I resolve the problem, I add : state = 'standby'; return state; On my last animated action in my sliddingright function – Romain Dec 20 '12 at 12:34

Anujith · Answer 2 · 2012-12-19T16:54:08.097

0

Try:

clickMe = function() {
$('li.menu-item').live('click', function(event) {
    $('li.menu-item').off('click');
    sliddingright(page_id_target_right, previous_right_old, previous_right, next_right, pages_numbers);
});
    $('li.menu-item').on("click", clickMe);
};

edited Dec 19 '12 at 16:54

answered Dec 19 '12 at 16:41

Anujith

9,370
6
33
48

Block a live click event until that function isn't over?

2 Answers2