附加后拖动元素

时间:2015-08-23 19:47:11

标签: jquery append draggable

追加.textbox后,我希望能够将其拖动。

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

$('#add_textbox').on({

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

});


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

1 个答案:

答案 0 :(得分:2)

如果要使元素可拖动,只需在其上调用draggable()即可。您不需要在事件处理程序中执行此操作。

试试这个:

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

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

fiddle