如何使用jquery将项目移动到空列表？

我正在使用两个可排序的jquery列表的演示……但是当一个列表为空时我有一个问题，我无法再将项目拖到它上面，因为没有什么可以放在上面。 我尝试在ul的边距，填充和行高添加空格，但似乎没有任何效果。 有任何想法吗？

 #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; }   $(function() { $("#sortable1, #sortable2").sortable({ connectWith: '.connectedSortable' }).disableSelection(); });  
 
Item 1
 
Item 2
 
Item 3
 
Item 4
 
Item 5
 
 
  

Answer 1

将dropOnEmpty属性设置为true。 有关更多信息，请参见http://jqueryui.com/demos/sortable/#empty-lists 。

Answer 2

弗雷德里克的回答对我没有用

对我来说，解决方案是为空ul添加min-height

参考： http ： //rolleys.wordpress.com/2010/05/18/cant-get-jquery-sortable-to-drop-on-to-empty-lists/

Answer 3

我不知道在问题的时候和答案是否可用，但是2018年你可以使用选项placeholder并解决问题！ （在css的帮助下）

http://api.jqueryui.com/sortable/#option-placeholder