Jquery تعطيل الزر التالي حتى تنتهي الرسوم المتحركة

Question

هذا رائع وأنا على دراية بهذا.ومع ذلك، أريد أن تظل الأزرار التالية والسابقة مرئية، ولكن لا يمكن النقر عليها.في حالتي الخاصة، الأزرار عبارة عن صور تشكل جزءًا من التصميم.أريد فقط ألا يتمكن المستخدم من النقر قبل انتهاء الرسوم المتحركة.

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

تقنية واحدة أخرى:

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

Answer 3

أعتقد أن لديك استدعاءات جافا سكريبت للصور عند النقر، استخدم متغيرًا MyApp.IgnoreNextPrevClicks لتحديد ما إذا كانت معالجات onclick قد تم تنفيذها أم لا.

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

الآن قبل استدعاء jquery animator، قم بتعيين MyApp.IgnoreNextPrevClicks إلى true، وأعده مرة أخرى إلى false بعد انتهاء الرسوم المتحركة (استخدم رد اتصال الرسوم المتحركة jquery).

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