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

我是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()); 
             }  
           }); 
}); 
});

请任何人都帮忙找到解决办法。

来源

2011-03-10 Moumita

的辅助函数：在拖动clone'参数'init'喜欢你应该做的伎俩。你可以提供标记或jsfiddle吗？ – 2011-03-10 04:53:06

这里是链接.... http：//jsfiddle.net/q3zCc/1/ – Moumita 2011-03-10 05:26:25

我认为问题是draggable的appendTo。当我删除了这一点，按预期工作：

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

来源

2011-03-10 05:59:10

感谢它真的有效。但图像将会退出“工作区”。如何防止它。 – Moumita 2011-03-10 06:14:36

您可以将'scope'参数添加到可连接两者的可拖动和可拖放：http://jsfiddle.net/magicaj/q3zCc/5/ – 2011-03-10 06:27:13

再次感谢。它工作，非常感谢你。我还有一个问题，我已经发布了一个问题，你可以解决这个问题..“我的图像是可拖动的，但是当我添加调整大小和旋转功能时，它会在调整大小或旋转后拖动，但在第一次放下时不能工作。” – Moumita 2011-03-10 06:38:53

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

回答

相关问题