jQuery UI Draggable disabled() 方法

jQuery UI 由 GUI 小部件、视觉效果和使用 jQuery、CSS 和 HTML 实现的主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI 的可拖动disable()方法用于禁用 HTML div 元素的可拖动属性。此方法不接受任何参数。

句法：

$( ".selector" ).draggable( "disable" );

参数：此方法不接受任何参数。

CDN 链接：首先，添加项目所需的 jQuery UI 脚本。

示例：下面的示例说明了 jQuery UI 中的 Draggable disable()方法。

HTML

    
    
    
    
    
    
        h1 {
            color: green;
        }
        .container{
            width: 320px;
        }
        #left-div {
            float: left;
        }
        #right-div{
            float: right;
        }
        #left-div,#right-div
        {
            width: 150px;
            height: 150px;
            text-align: center;
            border: 2px solid black;
        }
    
    
        $(function() {
            $( "#left-div" ).draggable();
            $( "#left-div" ).draggable('enable');
            $( "#right-div" ).draggable();
            $( "#right-div" ).draggable('disable');    
        });
    

      

    
        GeeksforGeeks
        jQuery UI Draggable disabled() Method
        
            
                I'm Enable
            
            
                I'm Disable
            
        
    

输出：