如何防止jQuery物件動畫重複執行

antzone發表於2017-03-14
jQuery物件動畫

很多朋友可能會遇到這樣的時候，如果有一個mouseover事件觸發的動畫效果，如果滑鼠連續移入的話，可能會導致動畫被多次執行，這種情況很可能是我們不想要的下過，下面就介紹一下如何防止此種現象的發生。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
if(!$(".content").is(":animated")){ 
  //code
}

上面的程式碼就是判斷指定元素是否處於動畫之中，如果沒有處於動畫之中，則執行響應操作。

相關閱讀:

（1）.is()函式可以參閱jQuery is()一章節。 

（2）.:animated選擇器可以參閱jQuery :animated一章節。 


相關文章