var newDroppable = '<ul id="XXX"><ul>';
$("#parentHood").append(newDroppable);
$("#XXX").droppable();
!!
It worked fine for me ! also to draggable elements !
Hope it helps
...
My production script:
function nova_faixa_prioridade(){
prioridade++;
var __droppable = '<ul data-prioridade="' + prioridade + '" id="ul_tarifa_' + prioridade + '" class="num_prioridade ui-droppable" ref="' + prioridade + '"></ul>';
var newPrio = '<div id="prioridade_' + prioridade + '" class="table_subtitle"><strong class="DropBorder">Prioridade ' + prioridade + '</strong></div>';
$(function(){
$("#prioridade_table").append(newPrio);
$("#prioridade_table").append(__droppable)
$("#ul_tarifa_" + prioridade).droppable({
drop: function( event, ui ) {
drop_drop(event, ui, $(this));
}
,over: function( event, ui ) {
drop_over($(this));
}
,out: function( event, ui ) {
drop_out($(this));
}
});
$("#prioridade_table").append('<div class="Clearfix"><br></div>');
})
return true;
}