>  >  > コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL

【2016経典】コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL

株式会社プロネット

 

コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCLお勧め最新情報

HOME > 技術ブログ > JavaScript > 【jQuery】画像の高さが正常に取得できなかった時に確認すべきこと

【jQuery】画像の高さが正常に取得できなかった時に確認すべきこと

2016.8.8(Mon) 23:59 | JavaScript | sofuku

jQueryで画像要素を指定して高さを取得しようとしたときに思ったように取得できずハマったのでメモ。

原因はJSの実行タイミングという基本的なところだったわけですが…。

 

環境

jQuery1.11.0

 

高さが500pxの画像を読み込んで、高さを取得したところ値がどうもおかしい。

0とか返ってきます。

簡略化してますがこんな風な処理でした。

$(function(){
 hoge();
});
function hoge() {
 var h = $("#img1").innerHeight();
 alert(h+"px");
}

 

最初 【】ハミルトン 自動巻き フィールド オートマチック メンズ H70515137 腕時計 オロビアンコ Orobianco タイムオラ ロマンティコ OR-0035-5 メンズ カシオ Gショック G-SHOCK GA-100B-7AJF メンズ、処理のfunctionで何かミスったかなーとあれこれいじっていたのですが、$(document).readyのタイミングで処理を呼び出していました。

いつもjQueryを使うときに、何も考えず$(function(){});から記載していたのがダメダメなところだったのです。

上記の記載だと カシオ CASIO g-shock mini 腕時計 GMN-692-1JR ジーショック ミニ Gショック G-ショック レディース [2/9 追加入荷] ペアBOX&チョコタオル付 adidas アディダス ADH3036 ADH3055 海外モデル メンズ レディース 腕時計 革バンド レザー 白 ホワイト 青 ブルー 金 ゴールド グッチ GUCCI Gクラス 腕時計 ペアセット YA055212-519、、$(document).readyなので「HTMLを読み終わった直後」に処理が呼び出されます。

画像の要素にheightを指定していなかったので

コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL,コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BK,★サクスニーイザック SACSNY YSACCS クオーツ ペア 腕時計 SYA-15111-15112-OR オレンジ ★ラッピング可 【送料無料】,● フォーベル FORBEL クオーツ ユニセックス 腕時計 FB-50509-BK ブラック ●!コグ COGU ペアウォッチ 腕時計 BS00T-WRG/BS02T-WHR ホワイト/ホワイト,BMWコレクション ライフスタイルアクセサリー クラシックウォッチ レディース 80262365448,カプリウォッチ Capri watch マルチジョイ 腕時計 ウォッチ ホワイト [ Art. 5105 43 ] 【 レディース メンズ ユニセックス 女性 男性 男女兼用 】,(今ならTポイント最大33倍!)CITIZEN XC シチズン クロスシー & ANA 全日空コラボモデル ペアウォッチ 限定モデルCB1020-03B EC1010-14B.ワインディングマシーン ウォッチケース 時計収納 腕時計ケース,ルージュ ステッチ ウォッチ ボックス 6ウォッチ&フリースペース RB-06011【代引き不可】【C】,エスプリマ シングル ワインディングマシーン ES-10301BK,エスピーアイ SPI ワインディングマシーン SP-43021LBK.●エスピーアイ SPI ワインディングマシーン SP-43022LBK ● 【送料無料】,10円募金 エスピーアイ SPI ワインディングマシーン レザータイプ 4連 SP43014LBR ブラウン,エスピーアイ SPI 腕時計 コレクション 5本収納ケース レザータイプ SP80048LBK,◆エスピーアイ SPI 腕時計 コレクション 10本収納ケース レザータイプ SP80049LBK ◆.腕時計 コレクション 5本収納ケース レザータイプ SE55005LBK【後払い手数料無料】,● 腕時計 コレクション 5本収納ケース レザータイプ SE55005LBK ●!【送料無料】 ロイヤル ハウゼン ワインダー ワインディングマシーン 8本巻き 5本収納 GC03-Q88 バンド調整器プレゼント!,おしゃれな懐中時計 Aqua Master Ladies' Oval Diamond Watch, 0.80 ctw 正規輸入品.

、まだ画像データが取得されていなかったのですね。

 

下記のように$(window).loadに修正すると おしゃれな懐中時計 Swingtime Chrome Plated Brass Mechanical Pocket Watch 正規輸入品、画像要素の表示後に処理が実行され おしゃれな懐中時計 NCAA Arizona Wildcats Ladies Game Day Sport Metal AnoChrome Watch 正規輸入品 おしゃれな懐中時計 Avalanche Ladies Jewel Collection Watch AV-105S-CLBK 正規輸入品、高さがきちんと取得できるようになりました。

$(window).load(function(){
 hoge();
});
function hoge() {
 var h = $("#img1").innerHeight();
 alert(h+"px");
}

毎回ハマるたびに思いますが、

ティファニー TIFFANY リング 1837 ナロー リング       輝くブランドロゴ 着けやすさが人気です,ホワイトゴールドアクアマリンリング レディース,プラチナ 指輪 レディース ダイヤモンド リング 一粒 「ヌード チェーンリング」0.1ct,スリーストーン ダイヤモンド リング Pt900 ピンキーリング 3号〜 トリロジー.福袋 よくばりモンチッチのメガ盛り福袋 ダイヤモンド 誕生石 ネックレス ブレスレット リング 等豪華7点盛! 送料無料,ハーフエタニティリング ブルーダイヤモンド 18金 指輪 ピンキーリング ファランジリング,10円募金 指輪 ゴールド ピンキーリング K18 ホワイト 2連リング スパイラルxねじれデザイン 18k 18金,10円募金 リング 指輪 レディース ホワイト シルバー ララクリスティー LARA Christie プレゼント ギフト 贈り物.10円募金 プラチナ リング 指輪 カットリング ダイヤモンドカット ピンキーリング ダイヤ ストレート,指輪 レディース ハーフエタニティリング シルバー925 9号 11号 13号,10円募金 アメジスト ムーンストーン リング レディース「一粒リング-Selene セレーネ-」,ダイヤモンドリング K18ゴールド ダイヤ 0.30ct 指輪 テンダイヤモンド 18金 レディース.K18 WG/PG /YG リング ダイヤモンド ダイヤ ハーフエタニティ 重ねづけ 誕生石 4月 四本爪 0.15ctUP ber0225,pt900 プラチナ ダイヤモンド ダイヤ 指輪 リング 2連 ウェーブ 上品 カーブ エタニティ ピンキー CAR-0153,K18 クラシカルアミュレットリング エリタージュ レディース指輪,コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL.

コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL国内最安値!

、基本って大事ですね。

  • 株式会社プロネット

    〒108-0074
    東京都港区高輪3-23-17
    品川センタービルディング701

    【続々値下げ!】コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL

    TEL:03-6450-4816
    FAX:03-6450-4817

    →お問い合わせはこちら


個人情報保護方針 Copyright ©コグ COGU ジャンピングアワー 自動巻き 腕時計 JHR-BCL All Rights Reserved. (c) PRONET All rights reserved.

{yahoojp} {p-nt.com} myp12-wl-4932