jQueryUI-似乎无法将我的拖拽表拖到空的可排序列表上

我有一个我称之为“图库”的列表，在其中我定义了几个li框

e、 g

当我的条件框列表为空时，正如您现在看到的，我可以将框拖进去，但它们不会“粘住”，只有当我将现有的li放入条件框代码时，它们才会真正起作用。但是我不想这样做。如果你想看戏，可以看下面。有什么想法吗

---

ref-

我认为您需要为您的

条件框设置
高度
。您可以使用css，如：

#conditions-box {
  height: 40px;
}

尝试将该选项添加到可排序表中，即使默认值应为true，但它似乎不起作用，因为它在可排序表不为空时起作用。
你给了我正确的答案，实际上是下面的ul需要高度，但是的，它现在起作用了。你为我节省了很多时间和精力！正如我前面的评论——使目标ul的大小更大——为我解决了这个问题。
<div id="conditions-box" class="ui-droppable">      
    <ul class="gallery ui-helper-reset ui-sortable"></ul>    
</div>

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

#conditions-box {
  height: 40px;
}