如何在固定時間段內使某些內容不可點擊？

Question

我創建了動畫滑塊，並且通過單擊下一個和上一個按鈕也可以更改圖像，但是當您在幻燈片動畫打開時單擊該按鈕時，它會出現毛刺，所以我需要讓該按鈕無法點擊，直到動畫結束。是否有可能，如果是的話，我該怎麼做？ 謝謝！

Answer 1

您需要存儲指示任何動畫狀態的變量，並防止在動畫運行時發生任何點擊邏輯。事情是這樣的：

var animating = false; 
$('#myElement').click(function() { 
    animating = true; 
    $(this).animate({ left: '100px' }, 500, function() { 
     animating = false; 
    }); 
}); 

$('#nextButton').click(function() { 
    if (!animating) { 
     // do something... 
    } 
}); 

如果做不到這一點，你可以使用stop(true)的動畫元素在當前幀停止它，爲其分配一個新的動畫開始從它的當前位置之前。