我在jQuery中遇到了拖放的问题。在我的代码中有一个可拖动的div。当我将其移动到某个可放入的表格单元格中时,div的克隆被附加到该表格单元格中。但是当我拖动克隆的时候,原来的div被移动了。这是在drop上调用的函数:
function(event, ui)
{
var draggable = ui.draggable.clone(true); // cloning including attrs and children
draggable.draggable(); // this is something I tried with no effect
$(th
在拖动过程中,可拖动的克隆正在改变它的尺寸。但是,克隆hitbox与它被拖动的元素保持不变,并且似乎在克隆元素中的某个垂直中心位置。
问题是,为了将hitbox扩展到克隆尺寸,有可能修复这个问题吗?因为我遇到了问题,因为我无法正常地将这些元素放在某些可下垂的容器中(例如,用项目的左上角拖动保存它的项目)。
下面是一个示例,您可以将方块从黄色框(可拖式)拖动到粉红色框(可下垂),并通过".log_box“元素查看克隆元素是否已结束或脱离可下垂框。
以下是JS代码本身
//clone is having class 'bigger' added, to multiply i
我希望能够:
克隆拖放并能够重新拖动它们。
保存与初始可拖动div相关联的数据和事件
目前,如果将.clone方法设置为克隆(),则可以拖动克隆可拖动的数据,但可以理解的是,克隆不会保留初始可拖动的数据。
如果使用了克隆(True),则克隆可拖保留来自初始可拖动的数据,但不能被拖动。
var dropped = jQuery(ui.draggable).clone().addClass("dropped").draggable(); //No data
var dropped = jQuery(ui.draggable).clone(true).addClass