jQuery - 在加载时重新排序

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();

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 。