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。

Answer 2

您必须给

#sortable1 {
    min-height: 100px;
}