如何在 jQueryMobile 中为图像绑定 Load 事件

Question

我有一个运行 jQuery Mobile 1.0a2 的移动网站，目前正在通过 iPhone 模拟器在 Mobile Safari 中测试固件 4.1。

我似乎无法绑定到图像的加载事件。

我有一个简单的缩略图库和一张大图像。当您单击缩略图时，它会更改主 img 的 src 属性，

该 js 使用 live('click' 方法进行绑定 我的问题是我需要有关此点击

$('.gallery-navigation img').live('click',function() {
  // change source of main image to new
  $.mobile.pageLoading(); // show jquerymobile loading message
});

的反馈，因此我想显示一条加载消息（由 jquerymobile 提供），然后在图像加载后将其隐藏

。实际的 其中 src 正在更改，我尝试了以下操作：

$("#gallery_image_large").bind("load", function () {
   $.mobile.pageLoading(true); // hide jquerymobile loading message
});

中无效。

这在我的桌面上的 Safari 中有效，但在上面提到的 iPhone模拟器 >供参考：

• jQuery Mobile 加载消息方法

更新： 我正在尝试 JQuery 图像在 MobiOne iPhone 模拟器上加载失败，这解释了如何通过“检查.complete”来手动实现.load。

Answer 1

我改变了 jquery 的结构，它似乎已经修复了！

$('#gallery_image_large').one('load',function() {
    try { // a grade  
        $.mobile.pageLoading(true);
    } catch(err) { // low grade

    }
}).attr('src',full_src);

（如您所见，我选择了 try { .. } catch { .. } 来验证 jquerymobile 是否可用。

尽管我没有（直接）使用 JQuery 图像加载在 MobiOne iPhone 模拟器上失败，手动触发 load via .complete 对于其他人来说可能是一个很好的解决方案！