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> 

但我不知道如何重新排序時，頁面加載使用可排序的頁面新職位f rom 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。