jQuery UI Sortable refresh() 方法

jQuery UI 的 Sortable 组件提供了一个 refresh() 方法，该方法用于刷新 Sortable 实例中的元素。在本教程中，我们将详细介绍 Sortable 的 refresh() 方法的使用方法。

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

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

其中，".selector" 是 Sortable 的 CSS 选择器。

以下两个示例：

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

$( "#my-sortable" ).sortable();

$( "#refresh-sortable" ).click(function() {
  $( "#my-sortable" ).sortable( "refresh" );
});

这将创建一个名为 my-sortable 的 Sortable 实例。然后，使用 refresh() 方法在单击按钮时刷新该实例中的所有元素。

示例二：使用 Sortable 的 refresh() 方法和 addClass() 方法

$( "#my-sortable" ).sortable();

$( "#add-class-sortable" ).click(function() {
  $( "#my-sortable li" ).addClass( "highlight" );
  $( "#my-sortable" ).sortable( "refresh" );
});

这将创建一个名为 my-sortable 的 Sortable 实例。然后，使用 addClass() 方法将 CSS 类“highlight”添加到该实例中的所有 li 元素。然后，使用 refresh() 方法刷新该实例中的所有元素。

总结：

jQuery UI 的 Sortable 组件提供了一个 refresh() 方法，该方法用于刷新 Sortable 实例中的元素。要使用 refresh() 方法，需要将其用于 Sortable 的 jQuery 对象即可。可以使用 refresh() 方法刷新 Sortable 实例中的所有元素，以确保它们反映最新的状态。