排序不一致:使用jQuery UI Sortable

时间:2013-05-15 08:35:10

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

我们这里有一系列TR结构的层次结构项,而不是嵌套表结构。因此,我们需要具有拖放具有相同级别或功能的项目的功能,以对相同级别的项目进行排序。

例如,我将尝试移动项目1.4下面的项目1.1,该项目必须与项目1.4及其子项目(项目1.1.1和项目1.1.2)一起显示在项目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/]

谢谢,

1 个答案:

答案 0 :(得分:0)

在尝试使用jquery-ui Sortable最近实现可拖动/可放置/可排序的项目的层次列表之后,我最终使用Draggable和Droppable滚动我自己的实现。它有助于避免使用Sortable进行分层和复杂排序/拖放交互的大量鱿鱼问题。即使我没有预先做好,我也能够处理我们需要的所有案例,而无需理解和破解Sortable的默认行为。这不完全是关于克隆行为的问题的答案,但它可能有所帮助!