jQuery UI Draggable instance() 方法

在使用 jQuery UI Draggable 插件时，我们需要通过实例化来创建一个可拖拽的元素。而在实例化之后，我们可以使用 instance() 方法来获取该元素的 Draggable 实例。本文将介绍 jQuery UI Draggable instance() 方法的使用方法和注意事项。

语法

$( ".selector" ).draggable( "instance" )

• selector：用于定位要获取 Draggable 实例的元素的选择器。

返回值

返回值是要获取 Draggable 实例的元素的 jQuery 对象。

使用方法

首先，我们需要引入 jQuery 和 jQuery UI 的库文件。然后，在 HTML 文件中定义一个元素，例如一个 div：

<div id="draggable-element" class="ui-widget-content">
  <p>可拖拽元素</p>
</div>

接下来，我们要对该元素进行实例化，使其能够被拖拽。使用 draggable() 方法进行实例化：

$( "#draggable-element" ).draggable();

此时，就可以通过 instance() 方法获取该元素的实例了：

var draggableInstance = $( "#draggable-element" ).draggable( "instance" );

我们可以调用该实例的方法对该元素进行操作。例如，我们可以使用 draggableInstance.disable() 方法来禁用该元素的拖拽功能：

draggableInstance.disable();

也可以使用 draggableInstance.enable() 方法来重新启用该元素的拖拽功能：

draggableInstance.enable();

注意事项

• instance() 方法只能用于获取已经进行了实例化的元素的实例。
• 在获取实例之前，必须先对该元素进行实例化。
• instance() 方法返回的是该元素的实例，而不是 Draggable 插件本身。因此，要调用 Draggable 插件的方法，必须通过实例来调用。
• 关于 Draggable 插件的更多用法，可以参考官方文档。