jQuery jQuery.fx.off 属性

实例

打开和关闭动画:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("#disable").click(function(){
  8. jQuery.fx.off = true;
  9. });
  10. $("#enable").click(function(){
  11. jQuery.fx.off = false;
  12. });
  13. $("#toggle").click(function(){
  14. $("div").toggle("slow");
  15. });
  16. });
  17. </script>
  18. </head>
  19. <body>
  20. <p>When the "Toggle animation" button is pressed, we toggle between hiding and showing the div with a slow animation. Press "Enable" or "Disable" to turn animations on and off.</p>
  21. <button id="disable">jQuery.fx.off = true ( 不可用 )</button>
  22. <button id="enable">jQuery.fx.off = false ( 可用 )</button>
  23. <br><br>
  24. <button id="toggle">切换动画</button>
  25. <div style="background:#98bf21;height:100px;width:100px;margin:50px;"></div>
  26. </body>
  27. </html>

定义与用法

jQuery.fx.off 属性用于全局禁用/启用所有动画。

默认值为 false,这允许动画正常运行。设置为 true 时,将禁用所有动画方法,这将立即将元素设置为其最终状态,而不是显示效果。

提示: 要简化代码, 可用使用 $.fx.off 代替 jQuery.fx.off


语法

  1. jQuery.fx.off = true|false;
参数描述
true指定应禁用动画
false 默认值。指定应启用动画

分类导航