jQuery UI Sortable 手动设置位置

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

Ok

我有一些具有 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 行为的顺序 为了得到这样的东西

<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>

Any idea

没有内置选项可以对元素重新排序，但是使用 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。