jQuery UI Sortable refreshPositions() 方法

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

refreshPositions() 基本语法如下：

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

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

以下两个示例：

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

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

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

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

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

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

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

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

总结：

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