I need assistance with ensuring that each new item is added in the same position, regardless of any previous repositioning due to dragging. Currently, only the first appended item appears where I want it to be. Can someone please offer guidance?
$("#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;
}