我有一张静态图片,可以通过 jQuery UI 的“可拖动”功能四处移动。但是,如果我尝试将相同类型的图像动态地放在同一位置,则无法拖动图像,有人可以告诉我我必须做什么才能使动态图像可拖动吗?
以下将起作用:
$(document).ready(function() {
$('#marker').draggable();
}
<div id="imgId">
<div id="markersDiv">
<img src="include/images/sign_here.jpg" id="marker" draggable="true" style="position: absolute; left: 635px; top: 458px;" />
</div>
</div>
但如果我使用 JavaScript 动态创建图像,并将其附加到该 div 中,它将不起作用。
var dynImage = document.createElement("img");
dynImage.setAttribute('src', 'include/images/sign_here.jpg');
dynImage.setAttribute('id', 'marker');
dynImage.setAttribute('draggable', 'true');
dynImage.style.left = "635px";
dynImage.style.top = "458px";
dynImage.style.position = "absolute";
document.getElementById("markersDiv").appendChild(dynImage);
HTML 是一样的:
<div id="imgId">
<div id="markersDiv">
</div>
</div>
这会添加图像,但它不可拖动。是否有原因或我做错了什么。如果是这样,有人对如何使其工作有任何建议吗?非常感谢您。
最佳答案
通过添加:
$('#marker').draggable();
在将它附加到 div 之后,在 JavaScript 的下一行,我能够拖动图像,很抱歉在这上面浪费了大家的时间!!
关于javascript - 动态不在 jQuery UI 中拖动,但静态图像会,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43944081/