添加后拖动元素

Question

添加 .textbox 后，我希望能够拖动它。

使用下面的代码，我可以附加 .textbox，但我无法拖动它。怎么了？

$('#add_textbox').on({

    click: function() {
           var textbox = "<div class='textbox'></div>";
           $('#container').append(textbox);
},

});


$('.textbox').on({
     mouseenter: function() {
           $('.textbox').draggable();
}
});

Answer 1

当你想让一个元素可拖动时，只需对其调用 draggable() 即可。您不需要在事件处理程序中执行此操作。

试试这个：

$("#add_textbox").on("click", function () {   
   var textbox = $("<div class='textbox'></div>");
   textbox.appendTo("#container");

   $(".textbox").draggable();
});

fiddle

添加后拖动元素

Drag element after appending it

jquery

append

draggable