jQueryでレイヤーをドラッグ

Zインデックス（1 & 2）が異なる2つのレイヤー（DIV）が画面に表示されます。 jQueryを使用して下位レイヤー（z-index：1のレイヤー）をドラッグできます。どうすれば達成できますか？ HOwはマウスの動きを通過し、下のレイヤーにクリックしますか？jQueryでレイヤーをドラッグ

出典

2011-06-27 SwissChocolate

z-indexed 2 divがキャプチャしているマウスイベントを、その下にあるz-indexed 1 divに渡すようにしたいという問題がありますか？ z-indexed 1 divはz-indexed 2 divのコンテナですか？ – Percy

jQuery UIを使用してDIVをドラッグ可能に設定することは簡単です。単に

$("#mydiv").draggable();

あなたのCSSでDIVを指定したものになります。両方のDIVの位置属性を設定することを忘れないでください（絶対または相対のどちらでもかまいません）。ドラッグイベントを最下層に渡す場合は、最上位層のイベントをキャプチャし、.trigger（）を使用してイベントを渡します。

また、トップレイヤーのmousedownでは、マウスが実際には下位レイヤー上にあることを確認するコードを追加することをお勧めします。

出典

2011-06-28 01:05:05

ありがとうございましたが、私が探しているものではないので、私はすでに両方を知っていました。私の意図は、マウスを使って "下層"をドラッグ/移動することです。他のDIVがそのレイヤー上にある場合、下位レイヤーを移動する機会はありません。マウスのクリック/移動を下位レイヤーに渡して、そのレイヤーをドラッグできるようになることを楽しみにしています。 – SwissChocolate

申し訳ありませんが、私は誤解しました。私は私の答えを更新しました。 –

それは魅力のように動作します！ – SwissChocolate

jQueryでレイヤーをドラッグ

答えて

関連する問題