jQuery 要素の相対位置
jQueryを使って要素の相対位置を調べる
Google先生に「jquery offsetLeft」と聞くとほとんどこれ
var offset = $(this).offset(); var left = offset.left(); var top = offset.top();
絶対位置を返却してると思いますが、今知りたいのは相対位置。
何時かの検索エンジンのアップデート(ペンギン?パンダ?)以降、同じ内容の物ばかり陳列されてる気がします。
結論を書くと
var offsetLeft = $(this)[0].offsetLeft; var offsetTop = $(this)[0].offsetTop;
昔にこの方法でプロパティを取得してブラウザーによって挙動が違い痛い目にあった気がしたのですが。。。?
ちなみにログ出力して中身を調べると大抵の情報が入ってます。
console.log($(this));
ちょっと曖昧な所があるので後で調べ直す必要がありますが、今はメモのみで。
関連記事
-
-
Androidで課金アプリ作製 定期購読サンプルコード編
Androidで課金アプリ作製 定期購読編 In-app Billing v3を使用したアプリ開発
-
-
Google Cloud Messaging プロジェクトナンバー API Key取得編 2014/07最新版
Google Cloud Messaging プロジェクトナンバー APK取得編 コンソールの仕様
-
-
Androidで課金アプリ作製 サンプルコード(BILLING V3) 起動編
Androidで課金アプリ作製 サンプルコード起動編 課金アプリの制作の機会が来てしまいました。
-
-
Macで ローカルサーバー構築 PHP設定編
Macで ローカルサーバー環境を構築するまで PHP設定編 ネットでの情報は必要最低限しか載ってな
-
-
jQuery draggable,resizable 要素のサイズがずれる
uiプロパティ以外で要素のサイズ取得を試みる draggableとresizableを使用し要素の
-
-
Androidで課金アプリ作製 エラー編(-1008:Unknown error)
Androidで課金アプリ作製 エラー編 In-app Billing v3を使用したアプリ開発で
-
-
Macで ローカルサーバー構築 Postfix基本編
Macで ローカルサーバー環境を構築するまで Apache起動編 ネットでの情報は必要最低限しか載
-
-
PHP MySQL 重複行を抽出 ロジックで高速化
PHP MySQL 重複行を抽出 ロジックで高速化 ロジックで高速化は釣りになっているかもしれませ
-
-
Androidで課金アプリ作製 プロセス間通信予習編
Androidで課金アプリ作製 プロセス間通予習編 課金アプリを作成の際にaidlファイルを利用す
-
-
PHP substr エスケープ処理で文字化け
PHP substr 文字化け mb_substrで文字コードを合わせて切り取ればOKって記事は沢