在使用带有JQuery draggable的内联块时，如何阻止列表项跳转？

Question

刚刚发现了JQuery的“可拖动”API的乐趣，但我想使用inline-block显示我的列表。这会使列表项在您拖动时跳转，是否有人知道如何解决此问题？

我正在使用的代码是：

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

http://jsfiddle.net/VVaqu/

Answer 1

另一种解决方案，如果你不能使用float：

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

vertical-align：top很重要。

Answer 2

Fiddle demo

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

即可

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