jQuery 可排序 : list elements jump when one element is dragged

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;

在 child 类(class)中似乎可以解决问题。

参见jsFiddle