Jak stwierdzić, czy zdarzenie $ (window) .load()/window.onload zostało już uruchomione?

Question

Mam skrypt, który jest wstawiany dynamicznie za pomocą innego skryptu. Kod w tym skrypcie jest zawijany wewnątrz zdarzenia $(window).load(), ponieważ wymaga załadowania wszystkich obrazów na stronie. W niektórych przeglądarkach działa dobrze, ale w innych wydaje się nie uruchamiać, ponieważ strona została już załadowana do czasu uruchomienia kodu.

Czy istnieje sposób sprawdzenia, czy strona została już załadowana - czy to przez jQuery, czy JavaScript? (w tym obrazy)

W tej sytuacji nie mam dostępu do zdarzenia onload oryginalnego dokumentu (oprócz zmiany go za pomocą załadowanego skryptu - ale wydaje się, że przedstawia ten sam problem).

Wszelkie pomysły/rozwiązania/porady będą mile widziane!

Answer 1

Można spróbować konfigurowania obsługi, która jest wywoływana przez timeout, który będzie sprawdź obrazy, aby zobaczyć, czy ich właściwości są dostępne. Usuń licznik czasu w module obsługi zdarzeń load, więc jeśli zdarzenie ładowania wystąpi najpierw, timer nie zostanie uruchomiony. Jeśli właściwości nie są dostępne, to zdarzenie load jeszcze się nie uruchomiło i wiesz, że twój program obsługi zostanie ostatecznie wywołany. Jeśli tak, to wiesz, że zdarzenie load nastąpiło przed ustawieniem programu obsługi i możesz po prostu kontynuować.

Pseudokod

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

Myślę, że Twój problem sam by się rozwiązał, gdybyś użył $ (document) .ready zamiast $ (window) .load - zobacz jquery documentation.

Answer 3

Nie wiem, czy to jest to, czego po, ale czy próbowałeś (?):

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

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

Answer 4

Napisałem wtyczki, które mogą się przydać: http://plugins.jquery.com/project/window-loaded

Answer 5

Wy powinien brzmieć następująco:

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