如何动态生成一个div并使其可拖动

Question

我正在尝试创建按钮的动态divsonClick，但我也想让新添加的divs 成为draggable。我怎样才能实现这个功能？

HTML

拖着我走

拖着我走

拖着我走

Javascript

$(function() {
$( "#draggable" ).draggable();
$( "#draggable-2" ).draggable();
$( "#draggable-3" ).draggable();
});

我想要做的是我需要在点击时动态创建 div 并将相同的draggable 功能应用于它们

Answer 1

我认为您只需将一个新的 div 附加到您的容器并使其可拖动。

var nDraggable = 3;

$('#yourButton').click(function(){
  nDraggable++;
  $("#container").append('<div id="draggable-'+nDraggable'">Drag me around</div>');
  $("#draggable-"+nDraggable).draggable();
});

这就是你要找的东西吗？