Question

我有以下可排序的顺序作为默认

<ul id="sortable">
<li id="1">Item 1</li>
<li id="2">Item 2</li>
<li id="3">Item 3</li>
</ul>

但是，假设用户将项目3移动到位置1然后我将其保存到数据库，现在新位置是3,1,2

当他们访问要编辑的页面时，我将新订单添加到此div

<div id="position">3,1,2</div>

但是当我使用id =“position”中的新位置加载页面时，我不知道如何重新排序sortable我看了所有可排序的方法但是找不到它的那个

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

Answer 1

试试这个：

var orderArray = $('#position').text().split(',');
var listArray = $('#sortable li');
for (var i = 0; i < orderArray.length; i++) {
   $('#sortable').append(listArray[orderArray[i]-1]);
}

<强> jsFiddle example

jQuery - 在加载时重新排序可排序

1 个答案: