JQuery charge d'image échoue sur simulateur MobiOne iPhone

Question

mettre à jour dynamiquement une image sur un site jQTouch en utilisant le code suivant:

$('#sv_map') 
      .one('load', function() { 
       $(this).fadeIn(); 
      }) 
      .attr('src', imgURL); 

acquis les bases de ce billet depuis here. sv_map est une image, et imgURL pointe vers un fichier JPG existant et valide.

Ce code fonctionne comme prévu sur tous les principaux navigateurs (Chrome, Safari, Firefox, IE) ainsi que sur les appareils actuels (plusieurs iPhones et iPods).

Je ne veux pas conclure que le simulateur a un bug (cela semble être un problème si trivial). Quel code supplémentaire est nécessaire pour s'assurer que le fichier image est chargé? Est-ce que quelqu'un a eu une expérience similaire avec MobiOne?

Answer 1

Tous les navigateurs feu correctement l'événement load (en particulier lors du chargement du cache), de sorte que vous devrez le faire manuellement en cochant .complete sur l'image, comme ceci:

$('#sv_map').one('load', function() { 
       $(this).fadeIn(); 
      }).attr('src', imgURL) 
       .each(function() { 
       if(this.complete) $(this).load(); 
      });