jquery - 使用带有 JQuery 可拖动的内联块时如何阻止列表项跳转？

Question

刚刚发现了 JQuery 的“可拖动”API 的乐趣，但我想使用 inline-block 显示我的列表。当你拖动它们时，这会使列表项跳转，有谁知道如何解决这个问题？

我正在使用的代码是：

   $(function() {
        $( "#sortable1, #sortable2" ).sortable({
            connectWith: ".connectedSortable"
        }).disableSelection();
    });​

http://jsfiddle.net/VVaqu/

Answer 1

如果您不能使用浮动，另一种解决方案：

#sortable1 li, #sortable2 li{
    display: inline-block;
    vertical-align: top;
}

垂直对齐：顶部很重要。

Answer 2

小提琴演示

只需将 : 添加float:left;到您的li元素中

#sortable1 li, #sortable2 li {
 float:left;
 /*other styles...*/
}