在使用带有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很重要.