jQuery UI Droppable destroy() 方法

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

在本文中，我们将使用jQuery Mobile Droppable destroy() 方法从小部件中完全删除可放置功能。此方法将元素返回到其预初始化状态，并且也不接受任何参数。

句法：

$(".selector").droppable("destroy");

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

返回值：此方法销毁小部件。

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

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

HTML

  

    
    
    
  
    
        .dragg {
            width: 90px;
            height: 50px;
            border: 1px solid black;
            background-color: blue;
        }
  
        .dropp {
            width: 100px;
            height: 90px;
            border: 1px solid black;
            background-color: green;
        }
    
  
    
        $(function () {
            $('.dragg').draggable({ revert: true });
            $('.dropp').droppable({
                hoverClass: 'active',
                drop: function (e, ui) {
                    $(this).html(ui.draggable.remove().html());
                    $(this).droppable('destroy');
                    $(this)
                        .find("p")
                        .html("Destroy Method Worked");
                }
            });
        });
    

  

    
        
          GeeksforGeeks
        
        jQuery UI Droppable destroy() method
        
            Drag
  
        
        
        Drop
    

  

输出：

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