Comment déplacer un élément vers une liste vide en utilisant jquery?

Question

Je travaille avec une démo de deux listes jquery triables ... mais j'ai un problème quand une liste est vide, je ne peux plus faire glisser des éléments dessus, parce qu'il n'y a rien à faire. J'ai essayé d'ajouter de l'espace à la marge, au rembourrage et à la hauteur de ligne du ul, mais rien ne semble fonctionner. Des idées?

<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

Définissez la propriété dropOnEmpty sur true. Voir http://jqueryui.com/demos/sortable/#empty-lists pour plus d'informations.

Answer 2

travail na pas de réponse de Frederik pour moi

solution

pour moi était d'ajouter un min-height à vide ul

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