【问题标题】:jQuery UI Sortable set manually a positionjQuery UI Sortable 手动设置位置
【发布时间】:2012-04-02 18:14:31
【问题描述】:

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

好的

我有一些带有 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>

任何想法

【问题讨论】:

  • 由于您是新来的,因此对于如何发布问题有一些规则。您将需要发布您拥有的代码。如果您无法发布代码,您可以编写一些示例代码,并尝试重现您的问题。你可以随时使用 jsfiddle.net
  • 手动如何?在页面加载时还是通过单击按钮?

标签: jquery jquery-ui jquery-ui-sortable


【解决方案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。

【讨论】:

  • 好吧,我已经知道了,但我怎样才能为 X 元素创建一个函数来排序?
  • 你想把这个变成一个函数,或者你需要一个函数来处理不同的系列?你是在指定系列吗?
  • 我需要一个函数来处理不同的系列前:从 0 到 10 或从 0 到 13
  • 您将如何指定您希望它排序的顺序?
猜你喜欢
  • 1970-01-01
  • 2011-10-29
  • 2013-11-12
  • 1970-01-01
  • 2017-03-18
  • 1970-01-01
  • 2012-02-03
  • 2011-02-09
  • 1970-01-01
相关资源
最近更新 更多