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

Question

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

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

Answer 1

我认为问题出在 draggable 的 appendTo 上。当我删除它时，它按预期工作:

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