jQuery UI Sortable手动设置一个位置

Question

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

确定

我有一个带有sortable（）行为的div：

<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 example 即可。原始顺序：A，B，C，D，E。新订单：B，C，E，D，A。