jquery - jQuery UI-似乎无法将我的可拖动对象拖到一个空的可排序列表中

我有一个列表，称为#gallery，其中定义了几个li框。

例如

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

和一个盒子把它们放进去...

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

与以下js

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

当您现在看到的我的条件框列表为空时，我可以将框拖入其中，但是只有当我将现有li放入条件框代码中时，它们才会“粘住”它确实起作用。但是我不想这样做。如果您想播放，可以在下面看到。有任何想法吗 ？

引用-http://jsfiddle.net/wmitchell/zCDE7/2/

最佳答案

我认为您需要将height设置为可排序的conditions-box。您可以像这样使用css:

#conditions-box {
  height: 40px;
}