拖动时如何显示图像克隆?

时间:2011-03-10 04:37:24

标签: jquery jquery-ui draggable droppable

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

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

1 个答案:

答案 0 :(得分:1)

我认为问题是appendTo的{​​{1}}。当我删除它时,它按预期工作:

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