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

2019-10-29 05:24发布

我动态更新,使用下面的代码JQTouch网站上的图片:

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

得到了这个基础,从这里 。 sv_map是一个图像,并imgURL指向一个有效的,现有的JPG文件。

此代码适用于所有主要的浏览器(Chrome浏览器,Safari浏览器,火狐,IE浏览器),以及在实际设备(几个iPhone和iPod)的预期。

我不想断定该模拟器有一个bug(它似乎像这样的小问题)。 需要什么样的额外的代码,以确保图像文件被加载? 有没有人有MobiOne类似的经历?

Answer 1:

并非所有的浏览器触发load正常事件(尤其是从缓存中加载时),所以你需要通过检查做手工.complete在图像上,就像这样:

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


文章来源: JQuery Image load fails on MobiOne iPhone simulator