कैसे बताना है कि $ (विंडो) .load()/window.onload इवेंट पहले से ही निकाल दिया गया है या नहीं?

Question

मेरे पास एक स्क्रिप्ट है जो किसी अन्य स्क्रिप्ट के माध्यम से गतिशील रूप से डाली जा रही है। उस स्क्रिप्ट में कोड $(window).load() ईवेंट के अंदर लपेटा गया है क्योंकि इसे पृष्ठ पर मौजूद सभी छवियों को लोड करने की आवश्यकता है। कुछ ब्राउज़रों में यह ठीक काम करता है, लेकिन दूसरों में ऐसा लगता है कि कोड नहीं चल रहा है क्योंकि कोड चलने के समय तक लोड हो चुका है।

क्या यह जांचने और देखने का कोई तरीका है कि पृष्ठ लोड हो चुका है या नहीं - या तो jQuery या जावास्क्रिप्ट के माध्यम से? (छवियों सहित)

इस स्थिति में, मेरे पास मूल दस्तावेज़ की onload घटना तक पहुंच नहीं है (इसे लोड स्क्रिप्ट के माध्यम से बदलने से अलग - लेकिन यह वही समस्या पेश करने लगती है)।

किसी भी विचार/समाधान/सलाह की सराहना की जाएगी!

Answer 1

आप एक हैंडलर एक टाइमआउट कि होगा के माध्यम से लागू किया जाता है कि स्थापित करने की कोशिश कर सकते यह देखने के लिए छवियों की जांच करें कि उनकी संपत्तियां उपलब्ध हैं या नहीं। load इवेंट हैंडलर में टाइमर साफ़ करें ताकि लोड ईवेंट पहले होता है, टाइमर आग नहीं लगेगा। यदि गुण उपलब्ध नहीं हैं, तो लोड ईवेंट अभी तक नहीं निकाल दिया गया है और आप जानते हैं कि आपके हैंडलर को अंततः बुलाया जाएगा। यदि वे हैं, तो आप जानते हैं कि आपके हैंडलर सेट होने से पहले लोड ईवेंट हुआ था और आप बस आगे बढ़ सकते हैं।

स्यूडोकोड

var timer = null; 
$(function() { 
    $(window).load(function() { 
     if (timer) { 
      clearTimeout(timer); 
      timer = null; 
     } 
     process(); 
    }); 
    timer = setTimeout(function() { 
     if (checkAvailable()) 
      process(); 
     } 
    }, 10*1000); // waits 10 seconds before checking 
}); 

function checkAvailable() 
{ 
    var available = true; 
    $('img').each(function() { 
     try { 
      if (this.height == 0) { 
       available = false; 
       return false; 
      } 
     } 
     catch (e) { 
      available = false; 
      return false; 
     } 
     }); 
     return available; 
    } 

    function process() { 
     ... do the real work here 
    } 

Answer 2

मुझे लगता है कि अगर आप $ (दस्तावेज़) का उपयोग करेंगे ($)। $ - $ jquery documentation देखें। यदि यह है कि क्या आप के बाद कर रहे हैं

Answer 3

जानते हैं, लेकिन आप की कोशिश की है (?):

$(document).ready(function(){ 
    ... 
}); 

http://docs.jquery.com/Events/ready#fn

Answer 4

मुझे लगता है कि कुछ काम का हो सकता है एक प्लगइन लिखा है: http://plugins.jquery.com/project/window-loaded

Answer 5

तुम लोग इस पढ़ना चाहिए:

http://web.enavu.com/daily-tip/daily-tip-difference-between-document-ready-and-window-load-in-jquery/