在MobiOne iPhone模拟器上加载JQuery映像失败

Question

我使用以下代码动态更新JQTouch站点上的图像：

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

从here获取了这方面的基础知识。JPG是一个图像，而imgURL指向一个有效的、现有的sv_map文件。

这段代码在所有主流浏览器(Chrome、Safari、Firefox、IE)以及实际的设备(几个iPhones和iPods)上都能正常工作。

我不想得出模拟器有bug的结论(这似乎是一个微不足道的问题)。需要哪些额外的代码来确保加载图像文件？有没有人有过类似的MobiOne体验？

Answer 1

并非所有浏览器都能正确触发load事件(特别是从缓存加载时)，因此您需要通过检查图像上的.complete来手动执行此操作，如下所示：

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