jquery ui - parece que no puede arrastrar mis juegos de arrastre a un ordenable vacío li

Question

Tengo una lista a la que llamo #galería en la que he definido un par de cuadros de li.

p. Ej.

<ul id="gallery"> 
    <li style="display: list-item; ui-draggable">A</li> 
</li> 

y una caja para que caigan en ...

<div id="conditions-box" class="ui-droppable">  
    <ul class="gallery ui-helper-reset ui-sortable"></ul>  
</div> 

Con el siguiente js

$('#conditions-box > ul').sortable(); 
$("#gallery > li").draggable({ 
    connectToSortable: '#conditions-box > ul', 
    helper: 'clone' 
}); 

Cuando mi lista de condiciones caja está vacía como se ve ahora puedo arrastrar el cajas pero no se "pegan" solo cuando coloco un li existente en el código del cuadro de condiciones ¿realmente funciona? Sin embargo, no quiero tener que hacer esto. Si quieres una obra de teatro, puedes ver a continuación. Algunas ideas ?

ref - http://jsfiddle.net/wmitchell/zCDE7/2/

Answer 1

creo que es necesario establecer height para su conditions-box puede ordenar. Se puede utilizar como css:

#conditions-box { 
    height: 40px; 
} 

Answer 2

Trate de añadir la opción dropOnEmpty a la ordenable, a pesar de que el valor por defecto debe ser verdad, no parece estar funcionando, ya que funciona cuando el sortable es no vacía .