¿Cómo saber si el evento $ (window) .load()/window.onload ya se ha activado?

Question

Tengo un script que se inserta dinámicamente a través de otro script. El código en esa secuencia de comandos está incluido en el evento $(window).load() porque requiere que todas las imágenes de la página se hayan cargado. En algunos navegadores funciona bien, pero en otros parece no dispararse porque la página ya ha terminado de cargarse para cuando se ejecuta el código.

¿Hay alguna manera de verificar y ver si la página ya ha terminado de cargarse, ya sea a través de jQuery o JavaScript? (Incluyendo imágenes)

En esta situación, no tengo acceso al evento onload del documento original (además de alterarlo a través del script cargado, pero parece que presenta el mismo problema).

¡Cualquier idea/solución/consejo sería muy apreciada!

Answer 1

Usted podría intentar la creación de un controlador que ha invocado a través de un tiempo de espera que se revisa las imágenes para ver si sus propiedades están disponibles. Borre el temporizador en el controlador de eventos load, de modo que si el evento de carga ocurre primero, el temporizador no se disparará. Si las propiedades no están disponibles, entonces el evento de carga aún no se ha activado y usted sabe que su manejador eventualmente será invocado. Si lo son, sabrá que el evento de carga ocurrió antes de que se haya configurado su controlador y simplemente puede continuar.

Pseudocódigo

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

Creo que su problema se resolvería si usara $ (documento) .Ready en lugar de $ (ventana) .load - vea el jquery documentation.

Answer 3

No sabe si esto es lo que está después, pero ¿ha intentado (?):

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

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

Answer 4

escribí un plugin que puede ser de alguna utilidad: http://plugins.jquery.com/project/window-loaded

Answer 5

Ustedes deberían leer esto:

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