📌  相关文章
📜  jQuery UI Selectable instance() 方法(1)

📅  最后修改于: 2023-12-03 14:43:12.201000             🧑  作者: Mango

jQuery UI Selectable instance() 方法

jQuery UI Selectable 是一种用户界面组件，它允许用户选择一组可选项目。Selectable 组件使用 instance() 方法来返回一个元素的 Selectable 实例对象。

语法
$( ".selector" ).selectable( "instance" )
  • .selector: 要获取 Selectable 实例对象的元素选择器。
返回值

Selectable 实例对象。

示例
<ul id="selectable">
  <li class="ui-widget-content">Item 1</li>
  <li class="ui-widget-content">Item 2</li>
  <li class="ui-widget-content">Item 3</li>
  <li class="ui-widget-content">Item 4</li>
  <li class="ui-widget-content">Item 5</li>
</ul>

var selectableInstance = $( "#selectable" ).selectable( "instance" );

上面的代码将获取 id 为 selectable 的元素的 Selectable 实例对象，并将其赋值给变量 selectableInstance。

说明

  • 使用 instance() 方法前，必须先通过 selectable() 方法对要获取其 Selectable 实例对象的元素进行初始化。

  • 通过 instance() 方法获取到的 Selectable 实例对象，可以用于与其他 jQuery UI 组件进行交互，如与 Draggable、Droppable 等组件进行交互。

参考链接