在 jQuery 中,您可以使用 stop()
方法来停止当前正在运行的动画。
语法:
$(selector).stop(clearQueue, jumpToEnd);
clearQueue
(可选):一个布尔值,指示是否清除动画队列。默认为false
,即仅停止当前活动的动画,允许排队的动画继续执行。设置为true
时,会清除队列中的所有动画。jumpToEnd
(可选):一个布尔值,指示是否立即完成当前动画。默认为false
,即停止当前动画并保持在当前状态。设置为true
时,会立即完成当前动画,跳到动画的结束状态。
示例:
// 停止当前活动的动画,允许排队的动画继续执行
$("#stop").click(function() {
$("#panel").stop();
});
// 停止当前活动的动画,并清除动画队列
$("#stopAll").click(function() {
$("#panel").stop(true);
});
// 停止当前活动的动画,并立即完成当前动画
$("#stopAndComplete").click(function() {
$("#panel").stop(true, true);
});
在上述示例中,点击不同的按钮会触发相应的停止动画操作。
更多关于 stop()
方法的详细信息,请参考 菜鸟教程。
发表回复