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

Question

我正在使用jQuery进行排序，以便在两个列表之间移动元素。

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

在此示例中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;
}