Question

How can a draggable in jquery UI be created on the fly with response to an event? Since event can be multiple, how can each freshly created draggable be assigned a different ID for the forthcoming use?

Answer 1

You make an element draggable with $("#your-id").draggable();

Do you want to create a new element during an event like this?

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