博客

jQuery UI 的 Sortable 组件提供了一个 widget() 方法，该方法返回 Sortable 实例的 jQuery 对象。在本教程中，我们将详细介绍 Sortable 的 widget() 方法的使用方法。

widget() 方法基本语法如下：

$( ".selector" ).sortable( "widget" );

，”.selector” 是 Sortable 的 CSS 选择器。

以下两个示例：

示例一：使用 Sortable 的 widget() 方法

var sortableWidget = $( "#my-sortable ).sortable( "widget" );

这将创建一个名为 my-sortable 的 Sortable 实例，并将其返回为 jQuery 对象。可以将此对象存储在变量中，以便在代码中的其他位置使用。

例二：使用 Sortable widget() 方法和 find() 方法

var sortableWidget = $( "#my-sortable" ).sortable( "widget" );
var firstItem = sortableWidget.find( "li:first" );

这将创建一个名为 my-sortable 的 Sortable 实例，并将其返回为 jQuery 对象。然后，使用 find() 方法查找 Sortable 实例中的第一个项目，并将其存储在变量 firstItem 中。

总结：

jQuery UI 的 Sortable 组件提供了一个 widget() 方法，该方法返回 Sortable 实例的 jQuery 对象。要使用 widget() 方法，需要将其与 Sortable 的 jQuery 对象一起使用。可以将返回的对象存储在变量中，以便在代码的其他位置使用。可以使用 jQuery 的其他方法（如 find()）来操作 Sortable 实例中的项目。