Question

我有一个静态图像，我可以通过jQuery UI＆＃39; draggable＆＃39;功能。但是，如果我尝试将相同类型的图像动态地放在同一个位置，图像就不能被拖动，有人可以告诉我我要做什么才能使动态图像可拖动？

以下内容可行：

    $(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中，在下一行，我能够拖动图像，抱歉浪费每个人的时间!!

在jQuery UI中动态不拖动，但静态图像确实如此

1 个答案: