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

Question

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

拖着我到处走

拖着我到处走

拖着我到处走

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();
});

这就是你要找的东西吗？