jQuery draggable将克隆的html留在后面

时间:2010-06-07 03:35:21

标签: jquery jquery-ui draggable

我正在使用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结构。

它似乎创建了一个transparant克隆作为你的拖动,但是当你放弃它时,将可拖动的div放在正确的位置,但将原始的div放在它的位置,然后只需将dom与原始div的克隆附加在其中新的地方。

2 个答案:

答案 0 :(得分:1)

jqueryui上的演示可分类显示没有额外的draggable调用,据我所见:http://jqueryui.com/demos/sortable/。您是否尝试过sortable来电?

编辑:我可以看到你的代码类似于jqueryui网站上的“Draggable + Sortable”示例。但是,该示例始终克隆顶部的元素并将克隆插入可排序列表中,因此这不是您想要实现的目标。

答案 1 :(得分:-1)

你真的想要“帮手:'克隆'”吗?如果删除它会发生什么?