Làm cách nào để di chuyển một mục vào danh sách trống bằng jquery?

Question

Tôi đang làm việc với bản demo của hai danh sách jquery có thể sắp xếp ... nhưng có vấn đề khi một danh sách trống, tôi không còn có thể kéo các mục vào danh sách nữa, vì không có gì để thả xuống. Tôi đã thử thêm không gian để lề, đệm và dòng chiều cao của ul, nhưng không có gì có vẻ làm việc. Bất kỳ ý tưởng?

<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

Đặt thuộc tính dropOnEmpty thành true. Xem http://jqueryui.com/demos/sortable/#empty-lists để biết thêm thông tin.

Answer 2

câu trả lời didnt làm việc Frederik cho tôi

giải pháp đối với tôi là để thêm một min-height để trống ul

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