JQuery Disable Next-Taste, bis Animation beendet

Question

Das ist cool und ich bin vertraut mit diesem. Jedoch habe ich die nächsten und vorherigen Schaltflächen wollen sichtbar bleiben, werden nur nicht in der Lage klicken. In meiner speziellen Situation, die Tasten sind Bilder, die Teil des Entwurfs sind. Ich will nur der Benutzer nicht in der Lage sein, bevor eine Animation Enden durch klicken.

Answer 1

$(function(){
    $("#previous").bind("click", Previous);
    $("#next").bind("click", Next);
});

function DoAnimation() {
    $("#previous,#next").unbind("click");
    $('#id').animate(
        complete: function() {
            $(this).after('<div>Animation complete.</div>');
            $("#previous").bind("click", Previous);
            $("#next").bind("click", Next);
        }
    });
}

function Previous() { }
function Next() { }

Answer 2

eine weitere Technik:

$(".next,.prev").click(function(){
    if ($('#my_animated_elelement').is(':animated'))
    {
        return false;
    }
})

Answer 3

Ich denke, Sie haben Javascript fordert, dass die Bilder Onclick ist, eine Variable MyApp.IgnoreNextPrevClicks zu Flag verwenden, ob die Onclick-Handler ausführen kann oder nicht.

MyApp={}
MyApp.IgnoreNextPrevClicks=false;
MyApp.PrevClick=function() {
    if(MyApp.IgnoreNextPrevClicks) return;
    //real work goes here
}

jetzt vor dem jquery Animator, Satz MyApp.IgnoreNextPrevClicks auf true Aufruf, und setzen Sie ihn wieder auf falsche, nachdem die Animation endet (Verwendung jquery Animation Rückruf).

Answer 4

function btn() {
   $('#btn').one('click', function(){
     //call your animation function here.

     setTimeout(btn, animation duration);
  });
}

Answer 5

$('#mybtn').attr("disabled","disabled"); // to Disable Button

$('#mybtn').removeAttr("disabled"); // to Enable Disabled button