如何禁用 jQuery 动画？

在本文中，我们将看到如何使用 jQuery 禁用动画效果。要禁用动画效果，我们使用jQuery.fx.off 属性。

jQuery.fx.off 属性用于全局启用/禁用页面的所有动画。它的默认值为 false ，用于允许动画正常运行。

句法：

jQuery.fx.off = true|false;

属性值：

• true：用于指定动画应该被禁用。
• false：用于指定应启用动画。

方法：在这里，首先我们将使用 div 元素创建一个大小为 100px 的方形框。创建盒子后，我们使用 toggle() 方法在

元素上设置切换动画。此外，我们使用 jQuery.fx.off 属性来禁用切换动画效果。

例子：

HTML

  

    
        How to disable jQuery animation?
    
  
    
    
  
    
        .box {
            background: green;
            height: 100px;
            width: 100px;
            margin: 50px;
        }
    

  

    
        
            GeeksforGeeks
        
  
        Disable jQuery Animation
  
        
            Disable the Animation
        
  
        
            Toggle Animation
        
  
        
  
        
            $(document).ready(function() {
                $("#disable").click(function() {
                    jQuery.fx.off = true;
                });
  
                $("#toggle").click(function() {
                    $("div").toggle("slow");
                });
            });
        
    

  

输出：