jQuery可拖动将克隆的html留在后面

Question

我正在使用 jQuery UI；可拖动的http://jqueryui.com/demos/draggable 调用如下：

$(document).ready(function(){

    $("#side_bar").sortable({
        revert: true
    });

    $(".draggable").draggable({ 
                              containment: 'parent', 
                              hascroll: true, 
                              handle: 'div.box_header',
                              scrollSensitivity: 100,
                              scrollSpeed: 100, 
                              axis: 'y',                                 
                              connectToSortable: '#side_bar',                                 
                              helper: 'clone',
                              opacity: 0.35 
                              }); });

您可以在http://www.sarsclan.co.uk（右侧栏区域）看到html结构。

它似乎创建了一个透明的克隆作为您的拖动，但是当您放下它时，它会将可拖动的 div 放在正确的位置，但将原始 div 留在它的位置，并且只是在 dom 中附加该原始 div 的克隆新地方。

Answer 1

你真的是想拥有 "helper: 'clone'" 吗？如果删除它会发生什么？

Answer 2

jqueryui Sortable 上的演示没有显示额外的draggable 调用，据我所知：http://jqueryui.com/demos/sortable/。您是否尝试过仅使用sortable 电话？

编辑：我可以看到您的代码类似于 jqueryui 网站上的“可拖动 + 可排序”示例。但是，该示例总是克隆顶部的元素并将克隆插入到可排序列表中，因此这不是您想要实现的。