jquery - 追加后div类不起作用

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();
}