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

Question

I am trying to create dynamic divs onClick of a button, but I also want to make the newly added divs to be draggable . How I can achieve this functionality?

HTML

Drag me around

Drag me around

Drag me around

Javascript

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

What I want to do is that I need to create the divs dynamically on a click and apply the same draggable functionality to them

Answer 1

I think you just have to append a new div to your container and make it draggable.

var nDraggable = 3;

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

Is this what are you looking for?