Javascript「画像読み込み」が複数回発生する

Question

JavaScriptを使用してウェブページ文書の高さを計算する（画像に画像がある可能性があります）Iframeに読み込まれたウェブページがあります。今私はイメージがロードされた後に高さを計算するには、次のコードを書いた：

$("#campaignContainer img").bind("load", function() { 
       console.log("image load call"); 
       callPostSize(this.src);    
      }) 
      .each(function() {   
       if(this.complete) { 
        console.log("Before image load call from complete"); 
       /*this.onload= function(){console.log("image load call"); 
              callPostSize(this.src); 
              };*/ 
        $(this).load(); 
        console.log("call load from image complete"); 
       } 

私は画像のロードを1枚の画像の場合には複数回を解雇されたことに気づきました。イメージがキャッシュされていない場合は2回、それ以外の場合は3回発生します。

私の質問は です。1）イメージの読み込みが何度も繰り返されるのはなぜですか？ jqueryの問題かブラウザのイベントですか？ 2）これを停止する方法はありますか？

私はjquery.oneを試しましたが、成功しませんでした：正確な高さを与えません（最後のトリガーだけが正確な高さを与えます）。

Answer 1

あなたはセレクタとして 'img'タグを使用しています。したがって、 'campaignContainer'内に存在するすべての画像に対して起動します。

Answer 2

問題が見つかりました。イメージのロードは明白ではないコードの他の部分から明示的に呼び出されました。