0

私は 2 つの UL を使用しており、JavaScript を使用して水平方向にスクロールしていますが、リスト項目をリスト間でドラッグすると、約 10 ～ 20 px ジャンプします。これは Chrome では発生しますが、Firefox では発生しません。問題は、UL Li を float:left に設定すると chrome で修正されますが、firefox ではすべてが壊れます (リストが 1 行に収まらない)。ヘルプ！

これがウェブページです。webkit/chrome および firefox で開いてください。

http://www.senseculture.com/timeline_new.html

ドラッグ可能に使用しているコードは次のとおりです。

<script>
  $(function() {
        $( "#sortable1, #sortable2" ).sortable({
            connectWith: ".timeline_content"
        }).disableSelection();
    });
</script>
4

1 に答える 1

1

Chrome がデフォルトの css プロパティを Firefox とは異なる方法で扱っている問題のようです。Selectable-にクラスを追加するオプションを渡すことがplaceholderできます。これにより、簡単にスタイルを設定できplaceholderます。

$(function() {
        $( "#sortable1, #sortable2" ).sortable({
            connectWith: ".timeline_content",
            placeholder: "timeline-placeholder"
        }).disableSelection();
    });

次のスタイルは（少し奇妙ですが）私にとってはうまくいきました：

.timeline-placeholder {
    display:  inline !important;
    padding:  0 99px;
    width:  2px;
}

私は通常、その使用/使用を制限する必要性を嫌い!importantますが、のデフォルトの動作は、オーバーライドする必要があるものplaceholderに設定されます。display: block

編集：あなたの問題に対する解決策を1つ見つけましたが、原因はわかりませんでした.

于 2012-11-26T21:19:27.483 に答える