jQuery UI Droppable destroy() 方法

jQuery UI Droppable 是一种常用的交互式UI组件，可实现对指定元素的“接受”和“放置”操作。Droppable提供了多个方法，其中包含 destroy() 方法，本文将介绍这个方法的用法和作用。

方法介绍

destroy() 方法用于销毁一个Droppable实例，该实例将不再响应“拖放”事件。

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

方法参数

destroy() 方法没有参数。

方法返回值

destroy() 方法没有返回值。

方法示例

以下示例创建了一个 Droppable 实例，并定义了一个拖放事件，当有元素被放置在 Droppable 区域时，alert() 函数会被调用。然后，通过 destroy() 方法销毁了该 Droppable 实例。

$( ".selector" ).droppable({
  	drop: function( event, ui ) {
    	alert("Element has been dropped");
    }
});
$( ".selector" ).droppable("destroy");

总结

destroy() 方法是jQuery UI Droppable 实例的一个重要方法之一。它允许您通过简单地调用一个方法来销毁一个 Droppable，从而使您的页面更加轻便和高效。希望本文能够帮助您更好地理解 destroy() 方法的作用和用法。