如何在拖動時顯示圖像克隆？

我是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

如何在拖動時顯示圖像克隆？

回答

相關問題