Question

我有这个HTML：

<div id="something" class="draggable">Hello World!</div>

当我按下按钮时，我会调用此代码：

function addDiv(fatherDiv){
        $("#"+fatherDiv).append("<div id='randomId' class='draggable' style='position: absolute; top: 100px; left: 250px; width: 120px; height: 20px;'>Text of Div</div>");
    }

问题在于Div是完美创建的但是当附加Div时类不起作用（可拖动），使其成为唯一不可拖动的元素。

如何使附加的Div成为可拖动的元素，就像其他div一样？

Answer 1

您需要在新创建的元素上调用.draggable()，否则它不受约束。您可以在addDiv函数中通过链接将其添加到最后。

Answer 2

function addDiv(fatherDiv){
    $("#"+fatherDiv).append($("<div class='draggable' style='position: absolute; top: 100px; left: 250px; width: 120px; height: 20px;'>Text of Div</div>").draggable());
}

Answer 3

我用以下方法解决了问题：

function addDiv(fatherDiv){
     $("#"+fatherDiv).append("<div id='randomId' class='draggable' style='position: absolute; top: 100px; left: 250px; width: 120px; height: 20px;'>Text of Div</div>");
     $("#"+fatherDiv).enhanceWithin();
}

Div类在追加后不起作用

3 个答案: