给出两个可排序的设置如下:
<div class="task-list-wrapper">
<ul class="task-list">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<button>Add task</button>
</div>
<div class="task-list-wrapper">
<ul class="task-list">
<li>four</li>
<li>five</li>
<li>six</li>
</ul>
<button>Add task</button>
</div>
$('task-list').sortable({
connect: 'task-list'
});
默认情况下,在列表之间拖动项目时的放置目标是.task-list
。当列表为空时,放置目标确实很小。如何指定.task-list-wrapper
作为放置目标? (我不能让.task-list
元素更高,因为按钮会粘在列表的底部,在空列表的情况下,它位于顶部。