为连接的jquery-ui sortables指定drop target

时间:2015-02-06 16:22:18

标签: javascript jquery jquery-ui jquery-ui-sortable

给出两个可排序的设置如下:

<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元素更高,因为按钮会粘在列表的底部,在空列表的情况下,它位于顶部。

工作示例:http://jsbin.com/hipetawemu/1/edit

0 个答案:

没有答案