jQuery .load() चित्र पर फायरिंग नहीं (शायद कैशिंग?)

Question

मैं कुछ बहुत बुनियादी jQuery कोड है:

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

हालांकि, लगातार फायरिंग नहीं thats। अगर मैं हार्ड रीफ्रेश करता हूं या अपना ब्राउज़र बंद करता हूं, लेकिन सामान्य रीफ्रेश करता हूं, या कैश को मिटाने के बिना किसी भी समय दो बार एक ही यूआरएल को मारता है तो .load() कभी भी आग नहीं डालता है।

इसे ठीक करने के तरीके पर कोई विचार?

Answer 1

एक तरह से यूआरएल है कि आप इस तरह के एक क्वेरी स्ट्रिंग परम के रूप में संलग्न मिलीसेकेंड में समय के रूप में छवि हड़पने के लिए ... का उपयोग के अंत में एक "डमी चर" जोड़ने के लिए किया जाएगा।

Answer 2

के रूप में रॉन और एल ग्वापो ने कहा, इस सवाल का जवाब 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 है। यह प्रति कैशिंग नहीं है जो समस्या है लेकिन समय: इवेंट हैंडलर संलग्न होने तक छवियों को पहले ही लोड किया जा सकता है (इसलिए इसे कभी नहीं निकाल दिया जाता है)। यह तब भी हो सकता है जब कोई कैशिंग न हो, उदाहरण के लिए एक बहुत तेज़ कनेक्शन पर एक बहुप्रचारित ब्राउज़र में।

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){ 
    … 
});