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

Question

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

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

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

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

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

我冒昧地jquer化了您的一些getElementById调用。