2

デフォルトとして、次のソート可能な順序があります

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

2 に答える 2

3

これを試して：

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

jsFiddleの例。

于 2012-05-12T21:32:04.560 に答える