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

Question

我正在尝试创建按钮的动态divs onClick，但我还想让新添加的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();
});

这是你在寻找什么？