很多情況 Jquery 中 尤其在 滑鼠經過的時候會不停的 顯示隱藏 html元素。 導致來回隱藏、顯示 複製程式碼 程式碼如下: <BR>$(document).ready(function(){ <BR>$(".flip").click(function(){ //********問題點在這裡，這裡沒有判斷是否處於動畫<BR>$(".panel").slideToggle("slow"); <BR>}); <BR>}); <BR> <BR> 正確的寫法應該是下面這樣的 複製代碼 代碼如下: <BR>$(document).ready(function(){ <BR>$(".flip").click(function() { <BR>if(!$(".panel").is(":animated")){ //問題點在這裡，這裡有判斷是否處於動畫<BR>$(".panel").slideToggle( "slow"); <BR>} <BR>}); <BR>}); <BR> 或在滑動之前停止動畫隊列即可。 複製代碼 代碼如下: <BR>$(document).ready(function(){ <BR>$(".flip").click(function(){ <BR>$(this).stop().slideToggle("slow");// stop() 函數停止動畫佇列。
