0

私は JavaScript を使用していますが、問題が発生しており、専門家の助けが必要です。これが私のシナリオです。内部に 2 つの div がある div があります。外側の div をドラッグ可能にし、内側の div の 1 つにスクロール オプションを設定します。

<div id = "par" class "ui-draggable" style="position: relative; height: 200px; width: 540px;">

    <div width="440" height="182" style="float: left;">
    </div>

    <div style="width: 100px; height: 182px; float: left; overflow-x: auto; overflow-y: auto; ">
    </div>

</div>

次に、divをドラッグ可能にするために次のコードを書きました

 $('#par').draggable();

正常に動作し、ドラッグ可能です。しかし、スクロールバーをクリックしてからdivをドロップしようとすると、ドロップしないという問題に悩まされています。私はchrome browser.itを使用していますが、fire foxでは正常に動作しますが、chromeでは動作しません。Jsfiddle http://jsfiddle.net/xhMgu/へのリンクです

ありがとうございました

4

1 に答える 1

0

ドラッグ可能なコンポーネントの「ハンドル」オプションを使用する必要があります。これを使用して、ドラッグ ハンドルを別のタグに委任します。一番上のコンテナをドラッグ可能（デフォルトの動作）として使用すると、あなたが言った問題が発生します。ここで私の答えを見てください:スクロールに関するjQuery UIのドラッグアンドドロップの問題

于 2012-07-20T05:16:37.903 に答える