jQuery UI Sortable手动设置位置 [英] jQuery UI Sortable set manually a position

问题描述

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

How can I manually set a position with some code?

好

我的sortable()行为使我有了一些div:

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>

我想手动设置(单击一个按钮)与可排序的jQuery UI行为的顺序与一些代码 为了得到这样的东西

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

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

任何想法

推荐答案

没有内置的选项可以对元素进行重新排序，但是使用jQuery可以像这样对元素进行重新排序:

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

$("#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.

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

这篇关于jQuery UI Sortable手动设置位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！