jQuery UI可选设置手动设置位置

How can I manually set a position with some code?

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

Ok

好吧

Ive got some div with the sortable() behavour :

我有一些分类广告。

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

I want to set manually(click on a button) the order with sortable jquery ui behavor with some code To get something like this

我想手动设置(单击按钮)具有可排序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>

Any idea

任何想法

1 个解决方案

#1

There isn't a built-in option to reorder the elements, however using jQuery you can reorder the elements like this:

不存在重新排序元素的内置选项，但是使用jQuery可以重新排序元素，如下所示:

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

jsFiddle example. Original order: A, B, C, D, E. New order: B, C, E, D, A.

jsFiddle例子。原订单:A, B, C, D, E，新订单:B, C, E, D, A。