Zインデックス(1 & 2)が異なる2つのレイヤー(DIV)が画面に表示されます。 jQueryを使用して下位レイヤー(z-index:1のレイヤー)をドラッグできます。 どうすれば達成できますか? HOwはマウスの動きを通過し、下のレイヤーにクリックしますか?jQueryでレイヤーをドラッグ
答えて
jQuery UIを使用してDIVをドラッグ可能に設定することは簡単です。単に
$("#mydiv").draggable();
あなたのCSSでDIVを指定したものになります。両方のDIVの位置属性を設定することを忘れないでください(絶対または相対のどちらでもかまいません)。ドラッグイベントを最下層に渡す場合は、最上位層のイベントをキャプチャし、.trigger()を使用してイベントを渡します。
また、トップレイヤーのmousedownでは、マウスが実際には下位レイヤー上にあることを確認するコードを追加することをお勧めします。
ありがとうございましたが、私が探しているものではないので、私はすでに両方を知っていました。私の意図は、マウスを使って "下層"をドラッグ/移動することです。他のDIVがそのレイヤー上にある場合、下位レイヤーを移動する機会はありません。マウスのクリック/移動を下位レイヤーに渡して、そのレイヤーをドラッグできるようになることを楽しみにしています。 – SwissChocolate
申し訳ありませんが、私は誤解しました。私は私の答えを更新しました。 –
それは魅力のように動作します! – SwissChocolate
- 1. JQUERYでドラッグ&スワップ
- 2. jQuery Chromeでのドラッグ
- 3. いくつかの画像レイヤーをドラッグ&ドロップできます
- 4. jQueryでテーブルの行をドラッグ
- 5. jQueryのドラッグは、
- 6. jQueryドラッグ&ドロー
- 7. jQueryドラッグ&ドロップオートアラインメント
- 8. jquery uiドラッグ&ドロップエフェクト
- 9. jQueryのドラッグ&jcarousel
- 10. jQueryのドラッグ&キーボード
- 11. jqueryとphpでドラッグ&ドロップ
- 12. jQueryのドラッグ&CSSでドロップ
- 13. マウスドラッグはレイヤーをドラッグした後に機能しなくなる
- 14. ドラッグしてレイヤーを移動する方法は?
- 15. jQueryのドラッグと私はドラッグを作成し、jQueryのドラッグ&ドロップでアプリケーションをドロップしています応答
- 16. DIVレイヤーとjqueryクリック機能
- 17. jQuery UIドラッグ&ドロップ要素をドラッグできない?
- 18. jqueryドラッグ&ドロップリフレッシュdivコンテンツ
- 19. jQuery UIのドラッグ&ドロップ
- 20. jQueryハイライトボックスにドラッグ&ドロップ
- 21. ドラッグ動的jQueryの
- 22. jqueryのドラッグ要素
- 23. アイテム数をドラッグするjQuery
- 24. jQuery画像をDivにドラッグ
- 25. iquadのライブイベントでjqueryをドラッグ可能
- 26. オブジェクトのクローンをドラッグできない(JQuery)
- 27. アニメーションオブジェクトをjqueryでドラッグしますか?
- 28. Jqueryでウェブページを水平方向にドラッグ
- 29. jqueryをドラッグできません
- 30. jQuery-UI Datepicker:ドラッグ可能?
z-indexed 2 divがキャプチャしているマウスイベントを、その下にあるz-indexed 1 divに渡すようにしたいという問題がありますか? z-indexed 1 divはz-indexed 2 divのコンテナですか? – Percy