jquery - 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;
}