jQuery UI Droppable enable() 方法

jQuery Mobile是一套基于 HTML5 的用户系统交互小部件工具箱，用于构建在 jQuery 之上的各种用途。它旨在构建可用于移动设备、选项卡和桌面的快速响应式网站。 jQuery UI Droppable enable()方法用于使可拖放元素能够被可拖放元素接受。

语法：

$('selector').droppable("enable");

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

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

例子：

HTML

  

    
    
    
    
    
    
        h1 {
            color: green;
        }
  
        div {
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
  
        #div2 {
            width: 150px;
            height: 150px;
            background: blue;
        }
  
        #div1 {
            position: absolute;
            left: 250px;
            width: 200px;
            height: 200px;
            background: green;
            color: #fff;
        }
    

  

    GeeksforGeeks
  
    jQuery UI Droppable enable() method
  
    Drop here
    Drag me
  
    
    
      Enable Droppable
    
  
    
        $("#div2").draggable();
        $("#div1").droppable({
            drop: () => alert("Element Dropped!")
        });
  
        // Disable droppable by default
        $("#div1").droppable("disable");
  
        // Enab;e droppable on function call
        function enableDroppable() {
            $("#div1").droppable("enable");
        }        
    

  

输出：

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