jQueryの.LOAD（）

Question

私はいくつかの非常に基本的なjQueryのコードを持っている画像に発射ません。ハードリフレッシュを実行するかブラウザを閉じても、通常のリフレッシュを実行するか、キャッシュを消去せずにいつでも同じURLを2度押すだけで起動します。​​は決して起動しません。

これを修正する方法についてのご意見はありますか？

Answer 1

URLの末尾に、クエリ文字列パラメータとして追加された時間（ミリ秒単位など）を取得するための「ダミー変数」を追加する方法があります。

Answer 2

RonとEl Guapoは言ったように、答えはURLの最後にクエリを追加することです。私はこれのようにこれをしました：

$(this).find('img').each(function(){ 
    $(this).attr('src',$(this).attr('src')+'?'+new Date().getTime()) 
}).load(function(){ 
    //This will always run now! 

Answer 3

私はこれがhas been discussed beforeだと思います。それは問題そのものではなく、タイミングです。イベントハンドラがアタッチされるまでにイメージが既にロードされている可能性があります（決して解雇されることはありません）。これは、たとえば、非常に高速な接続のマルチスレッドブラウザでキャッシュが行われない場合にも発生する可能性があります。幸いにも、あなたが使用することができますプロパティ.completeがあります：

var load_handler = function() { 
    loadedImages++; 
    … 
} 
$(this).find('img').filter(function() { 
    return this.complete; 
}).each(load_handler).end().load(load_handler); 

あなたはまた、機能を添付し、独自のイベントを作成することができます。その後、

jQuery.fn.extend({ 
    ensureLoad: function(handler) { 
     return this.each(function() { 
      if(this.complete) { 
       handler.call(this); 
      } else { 
       $(this).load(handler); 
      } 
     }); 
    } 
}); 

そして、次のようにそれを呼び出す：

$(this).find('img').ensureLoad(function(){ 
    loadedImages++; 
    if(loadedImages == $this.find('img').length){ 
    … 
});