JQuery загрузки изображения не будет работать на iPhone MobiOne тренажере

Question

Я динамически обновлять изображение на JQTouch сайте, используя следующий код:

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

Есть основы этого от here. sv_map - это изображение, а imgURL указывает на действительный существующий JPG-файл.

Этот код работает как ожидается во всех основных браузерах (Chrome, Safari, Firefox, IE), а также на реальных устройствах (несколько iPhone и iPod).

Я не хочу заключать, что у симулятора есть ошибка (похоже, такая тривиальная проблема). Какой дополнительный код необходим для обеспечения загрузки файла изображения? Кто-нибудь имел аналогичный опыт с MobiOne?

Answer 1

Не все браузеры сгореть load события правильно (особенно при загрузке из кэша), так что вам нужно сделать это вручную, проверяя .complete на изображении, как это:

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