不一致的排序：使用 jQuery UI Sortable

Question

我们这里的分层项具有一系列 TR 结构，而不是嵌套表结构。所以我们需要具备拖放同级项目的功能或对同级项目进行排序的功能。

例如，我将尝试将 Item 1.1 移到 Item 1.4 下方，该行必须与其子项（Item 1.1.1 和 Item 1.1.2）一起显示在 Item 1.4 下方。它会起作用，但如果您尝试移动子项，它将不起作用。

我们还应该能够对第 1 项、第 2 项和第 3 项及其子项进行排序/移动。

关于 jQuery UI 中的这些排序的帮助。

var tmpTr = jQuery(ui.item).clone(true, true);

var tmpParent = jQuery('tbody[data="'+ui.item[0].id+'"]').clone(true,true);

我认为我的克隆代码有问题。顺便说一下，这里是 jsFiddle 链接

[http://jsfiddle.net/UAcC7/403/]

谢谢，

Answer 1

在最近使用 jquery-ui Sortable 实现了可拖动/可放置/可排序项目的分层列表的实现之后，我最终使用 Draggable 和 Droppable 滚动了自己的实现。它有助于避免与 Sortable 进行分层和复杂的排序/拖放交互的许多 squidgy 问题。即使我没有预先准备好，我也能够处理我们需要处理的所有情况，而无需理解和破解 Sortable 的默认行为。这不完全是您关于克隆行为的问题的答案，但它可能会有所帮助！