JQueryUI可排序|新元素在连接的可排序中的位置

时间:2011-05-26 15:48:46

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

我有两个连接的可排序 - 一个在初始化时为空(顶部),另一个包含六个元素(底部)。目的是将一个或多个元素从完全可排序的元素拖动到空的元素以定义您的答案。将第二个+元素从底部拖动到顶部到任何现有项目下方的区域时,新项目将放置在最后一个项目的正上方。

我想让这个新项目成为列表中的最后一项。有什么想法吗?

以下是演示行为的示例版本:http://maris.manattweb.com/test/sortableTest.asp

这是jsFiddle:http://jsfiddle.net/manattweb/YbndA/20/

1 个答案:

答案 0 :(得分:1)

这是你可以做的一件事:

$("#sortable").sortable({
    placeholder: "ui-state-highlight",
    items: "li:not(.ui-state-disabled)",
    receive: function(event, ui) {
        ui.item.appendTo("#sortable");
    }
});

将收到的项目移至ul的最底部。

以下是一个有效的例子:http://jsfiddle.net/QNd6T/

我冒昧地诋毁了一些getElementById来电。