製作一個可拖動的添加元素

我正在使用一個可點擊的圖標，並且一旦點擊它。它會在div中添加另一個圖標，我想將創建的圖標設置爲可拖動，並從可檢測元素拖動，但無法將其拖動到屏幕上。有人可以檢查看起來是什麼問題嗎？製作一個可拖動的添加元素

HTML：

<div id = icon> 
<img class="icon" src="../../Pictures/bulb.png" width="50" height="50"/> 
<img class="icon" src="../../Pictures/snow.png" width="50" height="50"/> 
</div>

的Jscript

$(function() { 
$('.icon').click(function() { DrawImage($(this).attr('src')); }); 
}); 
function DrawImage(a) { 
    image = document.createElement('img'); 
    image.setAttribute('class', 'drag'); 
    image.setAttribute('src', a); 
    image.setAttribute('draggable', 'true'); 
    image.setAttribute('style', 'position:relative; top:0px; left:0px;'); 
    image.height = 50; 
    image.width = 50; 
    $('#icon').append(image); 
}

加入這個在我的HTML頭

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.min.js")"></script> 
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")"></script>

更新：

通過克隆圖像元素並賦予一些固定它ATT ribute它

var iconnew = $(iconimg).clone(); 
iconnew.attr({ "id": "clone"}); 
iconnew.css({'top':mouseY, 'left':mouseX}) 
iconnew.appendTo('#drag').draggable({ containment: '#bg' });

來源

2012-04-17 Michael Manalese Gonzal

更新與修復 – 2012-04-19 04:25:24

我不認爲你實際上啓用你的圖像元素的可拖動功能，當你把它附加到DOM。你可以試着改變你的DrawImage函數將此：

http://jsfiddle.net/qDZsb/

來源

2012-04-17 09:21:28

製作一個可拖動的添加元素

回答

相關問題