JQuery Disable Следующая кнопка до окончания анимации

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

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

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

Answer 3

Я предполагаю, что у вас есть Javascript требует изображения OnClick, используйте переменную MyApp.IgnoreNextPrevClicks для флага ли OnClick обработчик этого выполнить или нет.

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

теперь перед вызовом Jquery аниматора, установить MyApp.IgnoreNextPrevClicks истинно, и установить его в ложное после завершения анимации (использование JQuery анимации обратного вызова). более

Answer 4

один метод:

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

Answer 5

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

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