2016-07-31 111 views
0

即使通過拖動重新定位原始元素,我也想在相同位置添加每個新項目。目前只有他的第一個附加項目顯示在我想要的地方。請幫忙?Jquery在拖動元素的位置添加新元素

$("#buttons > button").click(function(){ 
    var col = $(this).attr('id').toLowerCase().substr(3); 
    var image = images[col]; 
    console.log(image); 
$('#sandpit').append('<div class="draggable newTriangle"><img src="images/' + image + '" width="25" height="25"></div>'); 

makeDraggable(); 

}); 

CSS:

.newTriangle{ 
    position: relative; 
    left: 575px; 
    top: 0px; 
} 
+0

在這種情況下,JSFiddle可能會使回答問題更容易。在某些情況下,我可能會自己將代碼傳遞給JSFiddle,但是我必須創建缺少的元素(儘管只發布相關代碼是正確的做法)。 – Toby

回答

0

新的三角形(.newTriangle)的位置必須是絕對的,因爲現在是相對的,他們不能相互重疊。要在父div中包含新div,父div必須具有相對位置。

.newTriangle{ 
    position: absolute; 
    left: 575px; 
    top: 0px; 
}