JQuery Добавить новый элемент в положение перетаскиваемого элемента

Question

Я хочу добавить каждый новый элемент в ту же позицию, даже если исходный элемент был перемещен путем перетаскивания. В настоящее время только он сначала приложил элементы, где я хочу. Пожалуйста помоги?

$("#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; 
} 

Answer 1

Положение новых треугольников (.newTriangle) должен быть абсолютным, так как теперь это относительное они не могут накладываться друг на друга. Чтобы иметь новый div, содержащийся в родительском div, родительский div должен иметь относительную позицию.

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