2010-06-07 69 views
1

我正在使用jQuery UI;可拖动http://jqueryui.com/demos/draggable调用是这样的:jQuery可拖动离开克隆html后面

$(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的克隆相加它的新地方。

+0

不客气,很高兴它解决了。 – 2010-06-07 13:53:57

+0

现在已解决,谢谢你的回应。 – Titan 2010-06-07 13:58:00

回答

1

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

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

+0

你是对的!我根本不需要拖动!我只是使用了一个可排序的调用,它正在尽我所能用可拖动的方式实现,谢谢! – Titan 2010-06-07 13:26:10

-1

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

+1

如果我删除帮助:克隆,则用户在拖动时不会收到视觉反馈。另外,它似乎使拖动时,所有的地方跳div – Titan 2010-06-07 13:20:23