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;
}