拖动时如何显示图像克隆？答案

【问题标题】：How to show image clone when drag?拖动时如何显示图像克隆？
【发布时间】：2026-01-11 19:55:01
【问题描述】：

我是 jquery 的新手。我找到了一个代码来拖动图像克隆并放在一个区域上。但是当我拖动该图像时，它直接附加到放置区域。拖拽时不显示。

$(document).ready(function(){  
 $('#dhtmlgoodies_xpPane li .rotatable').draggable({appendTo: "working-area", helper: "clone" });

 $( "#working-area" ).droppable({ activeClass: "ui-state-default", 
                                  hoverClass: "ui-state-hover",
                                  accept: "#dhtmlgoodies_xpPane li .rotatable",
                                  drop: function( event, ui ) 
                                        {
                                            $(this).append($(ui.helper).clone().draggable());   
                                        }       
                                });
 });
});

请任何人帮助找到解决方案。

【问题讨论】：

可拖动的init 中的helper: clone 参数应该可以解决问题。你能提供标记或jsfiddle吗？
这里是链接....jsfiddle.net/q3zCc/1

标签： jquery jquery-ui draggable droppable

【解决方案1】：

我认为问题在于draggable 中的appendTo。当我删除它时，它按预期工作：

http://jsfiddle.net/q3zCc/4/

【讨论】：

感谢它确实有效。但图像会在“工作区”之外退出。如何预防。
您可以将scope 参数添加到连接两者的可拖动和可放置：jsfiddle.net/magicaj/q3zCc/5
再次感谢。它的作品。非常感谢你。我还有一个问题，我已经发布了一个问题，你能解决这个问题吗..“我的图像是可拖动的，但是当我添加调整大小和旋转功能时，它是在调整大小或旋转后拖动，但在第一次放置时不起作用。”跨度>
在同一个对象上调整大小/旋转/拖动事件可能很难处理，因为它们都使用 onmousedown 事件，并且很难区分用户意图（以及最终如何使事件冒泡和应该使用哪个处理程序）。您可以考虑使用拖动手柄进行拖动，并使用其他挂钩点（手柄）进行旋转和调整大小。我没有看到您所指的发布问题，用链接评论，我会仔细看看。
link..这是我帖子的链接..这是 jsfiddle link 但我不能包含一些脚本..所以，它不能旋转或调整大小。