jQuery UI Droppable disable() 方法

jQuery Mobile是一种基于 Web 的技术，用于为可以在所有类型的智能手机、平板电脑和台式机上访问的网站制作响应式内容。

在本文中，我们将使用jQuery Mobile Droppable disable() 方法来禁用 droppable，它也不接受任何参数。

句法：

$(“.selector”).droppable( “disable” );

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

CDN 链接：以下是您的项目需要的一些 jQuery Mobile 脚本，因此请将它们添加到您的项目中。

示例：此示例描述了jQuery Mobile Droppable disable() 方法的使用。

HTML

  
  
  
  
    
  
     .dragg { 
        width: 90px; height: 50px;
        border: 1px solid black;  
        background-color:blue;
     }
     .dropp2, .dropp3 { 
        width: 200px; height: 50px;
        border: 1px solid black; 
        float : center;
        background-color:green;
     }
  
    
  
     $(function() {
        $( ".dragg" ).draggable();
        $( ".dropp2" ).droppable({
           drop: function( event, ui ) {
              $( this )
              .find( "p" )
              .html( "Dropped!" );
           }
        });
          
        $( ".dropp3" ).droppable("disable");
              
        $( ".dropp3" ).droppable({
           drop: function( event, ui ) {
              $( this )
              .find( "p" )
              .html( "Dropped!" );
           }
        });
     });
  

  

    
        GeeksforGeeks
      
        jQuery UI Droppable disable() method
          
        
            Drag
        
        
        
            Drop here
        
        
        
            Disable - Can't Drop Here
        
    

  

输出：

参考： https ://api.jqueryui.com/droppable/#method-disable