jQuery UI Resizable enable() 方法

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

句法：

$( ".selector" ).resizable( "enable" );

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

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

例子：

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" ).resizable();  
            $( "#left-div" ).resizable('enable');  
            $( "#right-div" ).resizable();  
            $( "#right-div" ).resizable('disable');    
         });  
        
     
    
    
      
           GeeksforGeeks  
           jQuery UI Resizable enable() Method
             
                 
                 I'm Enable  
              
                 
                 I'm Disable  
              
           
      
     

输出：

参考： https://api.jqueryui.com/resizable/#method-enable