jqueryハードリフレッシュ後にload（）が機能しない

Question

ページが読み込まれたときにイメージの高さが取得され、それに従ってコンテナdivのサイズが変更されるコードがあります。これは、最初にページが読み込まれたり、Ctrl + F5でハードリフレッシュを行わない限り、正常に動作しますが、動作しません。私は使用しようとしました

$('#div img').load(function() { 
// put the code here 
}); 

しかし、私は同じ問題が発生します。誰がなぜこれが起こっているのか知っていますか？

これは私のコードです：

maxheight = 0; 
$('#venue #main-img img').each(function() { 
    height = $(this).height(); 
    if(height > maxheight) { 
     maxheight = height; 
    } 
    $(this).hide(); 
}); 
$('#venue #main-img').animate({ height: maxheight }); 
$('#venue #main-img img').first().show(); 

申し訳ありませんが言っているはずです。コードは$（document）.ready（）内にあります

Answer 1

$(window).loadでコードを呼び出してみてください。これは、すべての画像がロードされた後に実行されます。

$(window).load(function() { 
    // run code 
}); 

また、imgloadプラグインを試すこともできます。

Answer 2

あなたは代わりにこれをしようとする場合があります：

$(document).ready(function(){ 
//code here 
}); 

Answer 3

あなたのイメージは、HTMLやCSSで指定した幅/高さを持っていない場合は、それらの幅/高さの画像がダウンロードされた後まで知られていません。

$(document).ready DOMがロードされたときに、イメージなどの補助メディアがダウンロードされる前に発生する可能性があります。つまり、ブラウザが画像を再ダウンロードする際に、幅/高さが0になる可能性があります。

多分thisのようなものを使用できます。特に "imagesLoaded"プラグインは便利です（そのコードは$(imgs).loadがあなたのために働いたはずであることを暗示していますが。<）。

Answer 4

あなたは、私もこれと同じ問題を抱えていたこの1 https://gist.github.com/797120/b7359a8ba0ab5be298875215d07819fe61f87399

Answer 5

のようないくつかのjQueryプラグインを使用することができます。いくつかの調査の後では、サイズをリセットするために、ブラウザが画像のための所定の値を持つ必要があると思われる。だから、最初の負荷では、それが上がるが、再読み込み時に画像の高さが保持されるので、javascriptは正しく動作する。 JSのサイズを適切に変更できるように、画像の最初の高さにコードを記述する必要があります。