Come spostare un elemento in una lista vuota usando jquery?

Question

Sto lavorando con una demo di due elenchi jquery ordinabili ... ma ho un problema quando una lista è vuota, non posso più trascinare elementi su di essa, perché non c'è nulla da lasciar cadere. Ho provato ad aggiungere spazio al margine, al padding e alla line-height dell'ul, ma niente sembra funzionare. Qualche idea?

<style type="text/css"> 
#sortable1, #sortable2 { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    float: left; 
    margin-right: 10px; 
} 
#sortable1 li, #sortable2 li { 
    margin: 0 5px 5px 5px; 
    padding: 5px; 
    font-size: 1.2em; 
    width: 120px; 
} 
</style> 
<script type="text/javascript"> 
$(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: '.connectedSortable' 
    }).disableSelection(); 
}); 
</script> 

<ul id="sortable1" class="connectedSortable"> 
<li class="ui-state-default">Item 1</li> 
<li class="ui-state-default">Item 2</li> 
<li class="ui-state-default">Item 3</li> 
<li class="ui-state-default">Item 4</li> 
<li class="ui-state-default">Item 5</li> 
</ul> 

<ul id="sortable2" class="connectedSortable"> 
</ul> 

Answer 1

Imposta la proprietà dropOnEmpty su true. Vedere http://jqueryui.com/demos/sortable/#empty-lists per ulteriori informazioni.

Answer 2

risposta non ha funzionato di Frederik per me

soluzione per me è stato quello di aggiungere un min-height al vuoto ul

ref: http://rolleys.wordpress.com/2010/05/18/cant-get-jquery-sortable-to-drop-on-to-empty-lists/