jquery événement de charge parfois ne fonctionne pas, pourquoi?

Question

-je utiliser quelque chose comme ça

$(img).bind('load',function(){ 
     console.log('loaded'); 
}); 

et, évidemment, cela fonctionne, mais quand le chargement des images de cache l'événement n'est pas déclenchée.

comment puis-je résoudre cette situation?

Answer 1

Fount it! chaque image possède une propriété .complete (booléenne), donc j'ai juste besoin de vérifier cela avant de lier un événement de chargement.

Answer 2

Cet événement ne se déclenche pas dans certains navigateurs si l'image est mise en mémoire cache, pour se déplacer que vous devez vérifier la propriété .complete, comme ceci:

$("img").one('load',function(){ 
     console.log('loaded'); 
}).each(function() { 
    if(this.complete) $(this).load(); 
}); 

Le .one() assure qu'il ne se déclenche deux fois , la partie .each() déclenche manuellement l'événement pour les images mises en cache qui ne font pas elles-mêmes un événement load.