jquery - JQueryドラッグ可能でインラインブロックを使用するときにリストアイテムがジャンプしないようにするにはどうすればよいですか?

Question

JQuery の「ドラッグ可能な」API の利点を発見しましたが、インライン ブロックを使用してリストを表示したいと考えています。これにより、リスト項目をドラッグするとジャンプしますが、これを修正する方法を知っている人はいますか?

私が使用しているコードは次のとおりです。

   $(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

フィドルのデモ

要素に :float:left;を追加するだけですli

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