Jquery 在拖动元素的位置添加新元素

标签 jquery css

我想在同一位置添加每个新元素,即使原始元素已通过拖动重新定位。目前只有他第一个附加元素显示在我想要的地方。请帮忙?

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

最佳答案

新三 Angular 形 (.newTriangle) 的位置必须是绝对的,因为现在它是相对的,它们不能相互重叠。要将新的 div 包含在父 div 中,父 div 必须具有相对位置。

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

关于Jquery 在拖动元素的位置添加新元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38684935/

相关文章:

javascript - 多个 Div 的动画

html - 在悬停时更改图像和链接

javascript - 从 Web 应用程序网页的 HTML 元素(h2/span)获取数据(文本)

html - 将 2 个 div 并排放置时出现奇怪的行为

javascript - 使用复选框和 PHP 更新 MySQL 数据库

javascript - 禁用输入字段填充 1 个字符时自动跳转到下一个输入字段

css: float block 占据所有可用空间

带有 2 个图像的 Android 布局在底部留下空白

javascript - 将鼠标悬停在链接上以影响另一个链接

javascript - 记录较少时如何隐藏页码