WordpressでjQueryを使っています
position: fixed;
の要素のheight
を取得しようと思い、以下のようなスクリプトを組みました。
取得したい要素の子要素に画像を含むため、画像を読み込む前に高さを取得すると0
になってしまいます。
なので、画像を読み込んだあとに処理をしたいのですが、on("load", function(){});
の部分がどうも呼ばれないようなのです。
javascript
1 $(document).ready(function(){ 2 var before_scroll = $(window).scrollTop(); 3 var W_SIZE = $(window).width(); 4 if (W_SIZE <= 760){ 5 6 // #overlay-topの子要素(imgタグ) 7 $('.ol-image00.jget').on("load", function(){ 8 var ol_height = $('#overlay-top').height(); 9 }); 10 11 // position: fixed;の要素 12 $('#overlay-top').slideDown(duration=1800); 13 if(before_scroll >= 40){ 14 $('#overlay-top').css({"top": "0"}); 15 } 16 }
以下の部分が実行されません。
javascript
1$('.ol-image00.jget').on("load", function(){ 2 var ol_height = $('#overlay-top').height(); 3 console.log(ol_height); 4 });
HTMLはオーバーレイ部分だけですが以下のようになっています。
html
1 <div id="overlay-top" class="pos-fix" style="text-align:center;"> 2 <div class="ol-inner"> 3 <div class="ol-sep"> 4 <div class="ol-boder"> 5 <a class="ol-link" href="#"> 6 <img class="ol-image00" src="画像url" alt=""> 7 </a> 8 </div> 9 </div> 10 </div> 11 <div class="ol-inner"> 12 <div class="ol-sep"> 13 <div class="ol-boder"> 14 <a class="ol-link" href="#"> 15 <img class="ol-image00" src="画像url" alt=""> 16 </a> 17 </div> 18 </div> 19 </div> 20 <div class="ol-inner"> 21 <div class="ol-sep"> 22 <div class="ol-boder"> 23 <a class="ol-link" href="#"> 24 <img class="ol-image00" src="画像url" alt=""> 25 </a> 26 </div> 27 </div> 28 </div> 29 <div class="ol-inner"> 30 <div class="ol-sep"> 31 <div class="ol-boder"> 32 <a class="ol-link" href="#"> 33 <img class="ol-image00" src="画像url" alt=""> 34 </a> 35 </div> 36 </div> 37 </div> 38 <div class="ol-inner"> 39 <div class="ol-sep"> 40 <div class="ol-boder"> 41 <a class="ol-link" href="#"> 42 <img class="ol-image00 jget" src="画像url" alt=""> 43 </a> 44 </div> 45 </div> 46 </div> 47 </div>
原因と解決策をご教示いただけると幸いです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/16 12:21
2017/06/16 12:29
2017/06/16 12:41
2017/06/16 12:55
2017/06/16 13:03
2017/06/16 13:07
2017/06/16 15:31