jquery ui - 似乎把我的draggables拖到一个空的可排序的li上

Question

我有一个名为#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放入条件框时,它们才会"坚持"它实际上是否有效.但是我不想要这样做.如果你想要一个游戏,你可以在下面看到.有任何想法吗 ？

ref - http://jsfiddle.net/wmitchell/zCDE7/2/

Answer 1

我认为你需要height为你的conditions-box可排序设置.您可以使用css:

#conditions-box {
  height: 40px;
}