在添加後拖動元素

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