MobiOne iPhone 模拟器上的 JQuery 图像加载失败

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();
            });