我使用的是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留在原来的位置,而只是在新的位置附加一个原来div的克隆。
发布于 2010-06-07 12:56:00
据我所知,jqueryui Sortable上的演示没有显示额外的draggable调用:http://jqueryui.com/demos/sortable/。您是否尝试过仅使用sortable调用?
编辑:我可以看到您的代码类似于jqueryui站点上的"Draggable + Sortable“示例。但是,该示例总是克隆顶部元素,并将克隆插入到可排序列表中,因此这不是您想要实现的目标。
发布于 2010-06-07 13:05:56
你真的想要“helper:‘clone’”吗?如果删除它会发生什么?
https://stackoverflow.com/questions/2986945
复制相似问题