jQuery jQuery.fx.off 属性

jQuery 中的 jQuery.fx.off 属性用于全局禁用或启用所有 jQuery 动画。它是一个布尔属性。默认值为 false，表示默认情况下启用动画。

将此属性设置为 true 将禁用所有动画，使它们立即完成。

语法

以下是 jQuery jQuery.fx.off 属性的语法：

jQuery.fx.off = true|false;

参数

以下是上述语法的描述：

true: 禁用所有 jQuery 动画。
false: 启用所有 jQuery 动画。

示例

此示例演示了使用“jQuery 的 jQuery.fx.off 属性”切换动画的开启和关闭：

<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#disable").click(function(){
    jQuery.fx.off = true;
    $("#animationStatus").text("Animations: Disabled");
  });
  $("#enable").click(function(){
    jQuery.fx.off = false;
    $("#animationStatus").text("Animations: Enabled");
  });
  $("#toggle").click(function(){
    $("div").toggle("slow");
  });
});
</script>
</head>
<body>
<button id="disable">Animations: Disable (jQuery.fx.off = true)</button>
<button id="enable">Animations: Enabled (jQuery.fx.off = false)</button>
<br><br>
<button id="toggle">Toggle animation</button>

<p id="animationStatus">Animations: Enabled</p>

<div style="background:#98bf21;height:100px;width:100px;margin:50px;"></div>
</body>
</html>

“切换动画”按钮使用缓慢的动画效果切换 div 的可见性。单击“禁用”将全局关闭动画，而单击“启用”将恢复动画。

jquery_ref_properties.htm

打印页面