jQuery Forum

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;
    }