jQuery + UI 和nestedSortable，克隆不起作用答案

【问题标题】：jQuery + UI and nestedSortable, clone does not workjQuery + UI 和nestedSortable，克隆不起作用
【发布时间】：2013-02-14 07:42:14
【问题描述】：

我尝试让这个示例 (http://jsfiddle.net/jhogervorst/Ge7eK/9/) 使用从左侧菜单到右侧的克隆列表元素。已经有 helper: 'clone'，但它不起作用 =\

$('ol.sortable').nestedSortable({
    disableNesting: 'no-nest',
    forcePlaceholderSize: true,
    handle: 'div',
    helper: 'clone',
    items: 'li',
    maxLevels: 3,
    opacity: .6,
    placeholder: 'placeholder',
    revert: 250,
    tabSize: 25,
    tolerance: 'pointer',
    toleranceElement: '> div',

    /* The magic tric: */
    connectWith: '.sortable'
});

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

事实上它确实有效，但不是你想的那样，我认为......

sortable中的克隆在动作完成后«消失»，这很符合逻辑，不是吗？因为如果您希望一个元素保留在其“初始源”并同时被复制到其他地方这不是排序而是拖累。

您似乎正在尝试实现类似于此页面的演示：

http://jqueryui.com/draggable/#sortable

(...如果您不想像上面的演示那样使用 2 个函数，我建议您在操作结束时使用回调来手动克隆并将您的元素附加到其«初始源»）。

但是，如果您只想在对元素进行排序时看到它，只需向 «placeholder» 添加一些样式，它应该可以解决问题。

【讨论】：

【解决方案2】：

How do I duplicate item when using jquery sortable?

nestedSortable 只是 jQuery UI sortable 的扩展，所以你可以使用相同的功能

【讨论】：