如何动态生成 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();
});

这是您要找的吗？

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

How to dynamically generate a div and make it dragable

html

javascript

jquery

draggable