Jquery UI Sortable中的连接嵌套列表

【问题标题】：Connected Nested Lists in Jquery UI SortableJquery UI Sortable中的连接嵌套列表
【发布时间】：2013-12-20 18:29:31
【问题描述】：

各位大佬，请看一下这个小提琴：http://jsfiddle.net/HG8k6/。

$(document).ready(function () {
    $("ul.containers").sortable({
        axis: 'y',
        placeholder: "ui-state-highlight",
        forcePlaceholderSize: true
    });

    $("ul.containers").disableSelection();

    $("ul.rows").sortable({
        axis: 'y',
        placeholder: "ui-state-highlight",
        forcePlaceholderSize: true
    });

    $("ul.rows").disableSelection();
});

在某种程度上它工作正常，我有容器和行，我可以完美地移动它们，但我真正想要实现的是在容器之间移动行，例如将 Row5 从 Container2 移动到 Container1。在此先感谢南美洲哥伦比亚的问候！

【问题讨论】：

标签： jquery jquery-ui jquery-ui-sortable

【解决方案1】：

使用connectWith:'.rows' 更新fiddle

【讨论】：

太棒了！有用！所以我在这方面有所进步......但是请看一下小提琴，我现在的问题是当我添加一个带有行的动态容器时，该行无法拖动......很奇怪......如果我只是添加一行，它就像一个魅力。谢谢！
只需在新添加的行上初始化可排序。我已经更新了小提琴请看jsfiddle.net/HG8k6/4
太棒了！它现在工作得很好，但是为什么容器行为与行不同，两者都是以动态方式添加的。感谢您的帮助！
因为 jquery 将可排序的小部件附加到父级并使用它的子级进行操作，当您添加“li.container”时，它是可排序的“ul.containers”的子级，并且自动 li.container 成为可排序的，但是当您添加时ul.rows 到新添加的 li.container 你必须将 sortable 附加到新添加的 ul.rows 以便它的子级变得可排序。