附加后拖动元素

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