反复移动 JS 可拖动克隆

Posted

技术标签:

【中文标题】反复移动 JS 可拖动克隆【英文标题】:Repeteadly moving JS draggable clones 【发布时间】:2013-12-14 19:53:02 【问题描述】:

我在克隆后移动对象的克隆时遇到问题。

所以 - 我有多个可拖动的 - 图片。我将它们拖到#map 上。 将它们放在那里后,我将它们“粘贴”到地图上,因此它们会留在地图上。

我有一个按钮,可以“松开”它们并允许更改位置 - 它们可以拖动。但问题是 - 当我下次移动它们时,没有任何效果。没有任何验证经过测试。没有。它假定没有任何东西被丢弃。甚至是日志..

$('#map').droppable(
        //accept: ???
        drop: function(e,item)
             //if (item.atributes.('type')=='piece')...
            console.log("this is draggable " +item.draggable('id'));
        
    );

但如果我继续处理原始部分(正在复制的部分),它会完美地打印出日志。

为什么 JS 看不到克隆?

【问题讨论】:

【参考方案1】:

当您添加一个新克隆时,droppable 插件不会应用到它,因为它最初只会应用一次。

我不确定这个可放置插件是如何工作的,但看看你是否可以在不破坏现有节点的情况下添加它们。

【讨论】:

好吧,我还没有找到答案。我有一些其他的选择,但你的评论也破坏了这些。 :D 还有其他建议吗?

以上是关于反复移动 JS 可拖动克隆的主要内容,如果未能解决你的问题,请参考以下文章

Jquery UI 可拖动:如果按下 Ctrl 则克隆

jQuery UI 可排序:移动克隆但保持原始

克隆时的jQuery可拖动元素不可拖动

如何使用 jquery ui 使拖动和克隆的元素再次可拖动?

拖动时jQuery可拖动克隆大小

jQuery-UI 可拖动克隆 - 启动处理程序是不是收到对被克隆元素的任何引用?