How to disable or prohibit other click events when my function is running?

Question

I have a carousel, and I click events that are tied to the navigation arrows. When they are clicked, I use jQuery animation to animate in the elements of the next carousel slide, and due to the nature of the animations I use several times setTimeout().

I have one error where, if I click on the arrow and then quickly click on the previous or next arrow, the animation gets confused due to timeouts (which are necessary in this project) and does not display anything on the screen. I have been looking at this for a while, and I believe that the best way might be to prevent other arrows from being pressed until the current animation is complete.

Each arrow is controlled by clicknot on:('click', function() ..., etc .:

$("#arrow1").click(function() {...}

I watched

$("element").off("click");

But since they are not bound using the 'on' method, I don't think this will work.

I need something like:

$("#arrow1").click(function() {
 $("#arrow2, #arrow3, #arrow4").off("click");
 // do my animations, then
 $("#arrow2, #arrow3, #arrow4").on("click");
}

But I have not yet been able to get this to work.

Answer 1

.offand .ondo not work as you expect. The method .clickand other event methods use the method .onbehind the scenes to bind handlers. When a method .offis called without any special handlers, it removes (rather than temporarily disables) all associated handlers for a specific event. And calling .onwithout passing the handler has no effect.

, , () .

Answer 2

unbind

$("#arrow1").click(function() {
 // $("#arrow2, #arrow3, #arrow4").off("click");
 $("#arrow2, #arrow3, #arrow4").unbind("click");
 // do my animations, then
 $("#arrow2, #arrow3, #arrow4").on("click");
}

http://api.jquery.com/unbind/

Answer 3

unbind() , .

: .

$("#arrow1").unbind( "click" );

off() .

: .

$("#arrow1").off( "click" );

, .

Answer 4

, , - boolean isLoading = false . , :

isLoading = true. isLoading == true, $('button'). Attr ('disabled', 'disabled');

, false.

, psudo-, .