jquery可拖动到空列表中

Question

我正在使用 jquery ui 中的这个示例:http://jsbin.com/odiqi3

在下面的示例中，我故意将可排序列表设为空，因为我想开始放入一个空列表:

http://jsbin.com/odiqi3/163

有办法做到这一点吗？

$("#sortable1").sortable({
 revert: true
});
$("#draggable").draggable({
  connectToSortable: '#sortable1',
  helper: 'clone',
  revert: 'invalid'
});
$("ul, li").disableSelection();

Answer 1

无法拖入空列表的原因是它的高度为 0(因为其中没有列表项)。因此，如果您在 CSS 中指定高度，如下所示:

#sortable1 {
    height: 100px;
}

然后您可以将其拖入空列表中。这是JSBin .