jQuery UI Sortable手动设置一个位置

Question

如何使用某些代码手动设置位置？

好

我有一些div与sortable()行为:

<div class="sort" id="a"></div>
<div class="sort" id="b"></div>
<div class="sort" id="c"></div>
<div class="sort" id="d"></div>
<div class="sort" id="e"></div>

我想手动设置(点击一个按钮)带有可排序的jquery ui behavor的命令和一些代码来获得这样的东西

<div class="sort" id="b"></div>
<div class="sort" id="c"></div>
<div class="sort" id="e"></div>
<div class="sort" id="d"></div>
<div class="sort" id="a"></div>

任何的想法

Answer 1

没有内置选项来重新排序元素,但是使用jQuery可以重新排序元素,如下所示:

$("#sortable").sortable().disableSelection();
$("#sortable li:eq(3)").insertAfter($("#sortable li:eq(4)"));
$("#sortable li:eq(0)").insertAfter($("#sortable li:eq(4)"));

jsFiddle例子.原始顺序:A,B,C,D,E.新订单:B,C,E,D,A.