Jquery禁用Next按鈕，直到動畫結束

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爲true，和動畫結束（使用jQuery動畫回調）後，將其設置爲false。

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); 
    }); 
}