在飞行中创建可拖动

Question

如何在动态创建jquery UI中的draggable并响应事件？由于事件可以是多个，如何为每个新创建的可拖动分配不同的ID以供即将使用？

Answer 1

试试这个：

var currItems = 0;

$('<div>').attr('id', currItems++).appendTo('body').draggable();

Answer 2

在jQuery中你可以使用.delegate（）方法来监听事件的来源（例如点击？）然后你可以使用“target”参数将jQuery UI .draggable（）绑定到目标 - 可能是这样的：

$(event.target).draggable(objDragSettings);

其中objDragSettings定义任何预设。

Answer 3

使用$("#your-id").draggable();

创建一个可拖动的元素

你想在像这样的事件中创建一个新元素吗？

function yourEventHandler()
{
 $("BODY").append(
  $('<DIV id="#my-div" style="width:20px;height:20px;background-color:red"></div>')
 );
 $("#my-div").draggable();
}