JQuery kullanarak bir öğeyi boş bir listeye nasıl taşıyabilirim?

Question

İki sıralanabilir jQuery listesinden oluşan bir demo ile çalışıyorum ... ama bir liste boş olduğunda bir sorunla karşılaşıyorum, artık öğeleri sürükleyemiyorum, çünkü üzerinde hiçbir şey kalmayacak. Kenar boşluğu, dolgu ve çizgi yüksekliğine boşluk eklemeyi denedim, ama hiçbir şey işe yaramıyor gibi görünüyor. Herhangi bir fikir?

<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

dropOnEmpty özelliğini true değerine ayarlayın. Daha fazla bilgi için bkz. http://jqueryui.com/demos/sortable/#empty-lists. Benim için beni

çözüm için

Answer 2

Frederik cevabı hiç bir çalışma boş ul

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