jquery中關於​​stop()和:is(:animated)的使用差異詳解

stop(true,true):

表示停止符合元素正在進行的動畫並跳到末狀態，清空未執行完的動畫佇列# 。常用於」解決遊標移入移出得過快導致的動畫效果與遊標動作不一致「問題！

jQuery stop() 方法

jQuery stop() 方法用於停止動畫或效果，在它們完成之前。

stop() 方法適用於所有 jQuery 效果函數，包括滑動、淡入淡出和自訂動畫。

語法

$(selector).stop(stopAll,goToEnd);可選的 stopAll 參數規定是否應該清除動畫佇列。預設是 false，即僅停止活動的動畫，允許任何排入佇列的動畫向後執行。

可選的 goToEnd 參數規定是否立即完成目前動畫。預設是 false。

因此，預設地，stop() 會清除在被選元素上指定的目前動畫。

下面的範例示範stop() 方法，不含參數：

$("#stop").click(function(){
 $("#panel").stop();
});

:is(":animated")   :animated是jQ選擇器選擇所有動畫元素

判斷元素是否處於動畫狀態，常用於」連續點擊上/下一張按鈕，只回應使用者第一次點選動作「時使用。

if(!$("#lunbolist li").is(":animated")){
      $("#lunbolist li").filter(".on").hide();
      $("#lunbolist li").eq(currentindex).fadeIn(100).addClass("on").siblings().removeClass("on");
      $(this).addClass("on").siblings().removeClass("on");
    }

以上是jquery中關於​​stop()和:is(:animated)的使用差異詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！