http://forum.jquery.com/topic/how-do-i-bind-the-d…

I have been implementing this drag and drop script in my web side, It works very well. I also have changed for at get the ids of the elements involve

But I run into a big problems if I try to create dynamically new elements

I have search for info about .live function but I cannot make it work, do you know if its possible to change this script to make it work with new elements added with JavaScript or Ajax

Here I paste the code, I will appreciate a lot your help

Dragdrop.js

var lll = '';

$(function() {

$('div[id^="itemsub"]').draggable({

drag: function() {

lll = $(this).attr("id");

},

revert: true

});

$('div[id^="trashsub"]').droppable({

tolerance: 'touch',

over: function() {

$(this).css('backgroundColor', '#cedae3');

},

out: function() {

$(this).css('backgroundColor', '#a6bcce');

},

drop: function() {

var answer = confirm('Permantly delete this item? from '+lll+' to'+$(this).attr("id"));

$(this).css('backgroundColor', '#a6bcce');

}

});

});

Dragdrop.html

Drag & Drop with jQuery

function gethtml(){

document.getElementById("newt").innerHTML = 'Item 4 '

}

Trash

Trash2

Trash3

Item 1

Item 2

Item 3

aaaa

Thanks in advance.