クリックしたアンカーのすぐ下に表示されるポップアップdivが必要です。ここで、アンカーのonClickイベントのx座標とy座標を特定したいと考えています。それを行うベストプラクティスは何ですか?使用する推奨イベントプロパティは何ですか?offsetX、offsetYとpageX、pageYの違いは何ですか?
18
A
答えて
30
offsetXとoffsetYはpageXとpageY一方、親コンテナに対するものである文書に対するものです。これを.offset()
と.position()
と混同しないでください。.offset()
は文書に関連し、.position()
は親コンテナの.offset()
を基準にしています。この例のように
何かが(jQueryのを)動作するはずです:
$('a').click(function(){
var offset = $(this).offset();
$('#popup_div').css('top',offset.top + 'px').css('left',offset.left + 'px').show();
});
3
2 .position()メソッドができますjQueryのドキュメントWebサイト
からの抽出物要素の相対位置を取得するオフセット親
http://api.jquery.com/position/
に.offset()メソッドは、私たちは、文書に対する要素の現在位置を取得することを可能にします。
関連する問題
- 1. UIダイアログ - pageX pageY位置
- 2. jQuery(スワイプとタッチ)pageXとpageYは0を返し続けます
- 3. イベントを使用せずに要素のpageXとpageYを取得する方法
- 4. difftimeと ' - 'の違いは何ですか?
- 5. A`と ``の違いは何ですか[:] `
- 6. `&`と `ref`の違いは何ですか?
- 7. バックスティックと$()の違いは何ですか?
- 8. `##`と `hashCode`の違いは何ですか?
- 9. "$^N"と "$ +"の違いは何ですか?
- 10. #{} $ {}と%{}の違いは何ですか?
- 11. typedefとの違いは何ですか?
- 12. %Qと%{}の違いは何ですか?
- 13. `==`と `is`の違いは何ですか?
- 14. $と$$の違いは何ですか?
- 15. NodeJS:「./ ..」と「..」の違いは何ですか?
- 16. $ dirtyと$ invalid:違いは何ですか?
- 17. Backbone.jsとPusherapp - 違いは何ですか?
- 18. libspeとlibspe2?違いは何ですか?
- 19. リストと何か([_])と何か(_)の違い
- 20. decodeURIComponentとunescapeの違いは何ですか?unescapeの問題は何ですか?
- 21. コロンの配置の違いは何ですか:何かと何か:
- 22. GoogleのDremelとは何ですか? Mapreduceとの違いは?
- 23. 重要な違いは何ですかext2-ext3とext3-ext4の違いは何ですか?
- 24. 「アソシエーション」と「リレーション」という用語の違いは何ですか?
- 25. グロムとは何ですか? mapPartitionsとの違いは?
- 26. AndroidでThread.run()とHandler.post()とServiceの違いは何ですか?
- 27. Androidでは、MotionEventのgetAction()とgetActionMasked()の違いは何ですか?
- 28. pageY update onScroll
- 29. XSLT属性の違いとは何か
- 30. nHibernateのICriteriaとICriterionの違いと利点は何ですか?
ここドキュメント:(http://api.jquery.com/category/events/event-object/#post-850)pageX/Yが文書に対して相対的であることを示しているように見えます、ページがスクロールされている場合は重要なウィンドウではありません。 – aaronstacy
jQueryの使い方は、この質問に答えることに全く余計です。それを信じるかしないかは、jQueryを必要とせずにx、y座標を決めることができます。 – Neil
4年後...;) – AlienWebguy