Comment savoir si l'événement $ (window) .load()/window.onload a déjà été déclenché?

Question

J'ai un script qui est inséré dynamiquement via un autre script. Le code de ce script est enveloppé dans l'événement $(window).load() car il nécessite que les images de la page soient toutes chargées. Dans certains navigateurs, cela fonctionne très bien, mais dans d'autres, il semble ne pas se déclencher car la page a déjà terminé le chargement au moment où le code est exécuté.

Existe-t-il un moyen de vérifier et de voir si la page a déjà terminé le chargement - via jQuery ou JavaScript? (y compris les images)

Dans cette situation, je n'ai pas accès à l'événement onload du document original (à part de le modifier via le script chargé - mais cela semble présenter le même problème).

Toutes idées/solutions/conseils seraient grandement appréciés!

Answer 1

Vous pouvez essayer de créer un gestionnaire qui est invoqué par un délai d'attente qui sera vérifiez les images pour voir si leurs propriétés sont disponibles. Effacez la minuterie dans le gestionnaire d'événements load, donc si l'événement de chargement se produit en premier, le minuteur ne se déclenchera pas. Si les propriétés ne sont pas disponibles, l'événement de chargement n'a pas encore été déclenché et vous savez que votre gestionnaire sera éventuellement appelé. Si tel est le cas, vous savez que l'événement de chargement s'est produit avant que votre gestionnaire ne soit défini et que vous pouvez simplement continuer.

pseudocode

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

Je pense que votre problème se résoudreait si vous utilisiez $ (document) .ready au lieu de $ (window) .load - voir le jquery documentation.

Answer 3

Je ne sais pas si c'est ce que vous recherchez, mais avez-vous essayé (?):

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

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

Answer 4

J'ai écrit un plug-in qui peut être d'une certaine utilité: http://plugins.jquery.com/project/window-loaded

Answer 5

Vous devriez lire ceci:

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