jQuery sortable：拖动一个元素时列表元素跳转

Question

我正在使用 jQuery 的 sortable 在两个列表之间移动元素。

我的问题是，当我拖动一个元素时，列表会发生变化（所有元素都向下，然后又向上）。这似乎只有在可排序元素中有文本（或其他元素）时才会发生。

在这个例子中http://jsfiddle.net/vrCC7/2/：

• 在第二个列表中移动元素很流畅。
• 元素在第一个列表中移动时会跳转。
• 将元素从第二个列表移动到第一个列表会奇怪地偏移它。

代码：

    <div id = "containment">
    <ul class = "sortable connectedSortable"  >

        <li class = "child">1</li>
        <li class = "child">2</li>
        <li class = "child">3</li>
    </ul>

    <ul class = "sortable connectedSortable"  >
        <li class = "child"></li>
        <li class = "child"></li>
        <li class = "child"></li>
    </ul>

    </div>

Answer 1

添加一个

vertical-align:bottom;

在子类中似乎可以解决问题。

见jsFiddle

Answer 2

对我来说，问题来自列表上的 css 溢出：

ul {
    overflow: auto;
}