javascript - 动态不在 jQuery UI 中拖动，但静态图像会

Question

我有一张静态图片，可以通过 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>

这会添加图像，但它不可拖动。是否有原因或我做错了什么。如果是这样，有人对如何使其工作有任何建议吗？非常感谢您。

Answer 1

通过添加:

    $('#marker').draggable();

在将它附加到 div 之后，在 JavaScript 的下一行，我能够拖动图像，很抱歉在这上面浪费了大家的时间!!