如何在jQueryMobile中爲圖像綁定加載事件

Question

我有一個運行jQuery Mobile 1.0a2的移動網站，目前我正在通過iPhone模擬器在Mobile Safari 4.1 for Firmware中進行測試。

我似乎無法綁定到圖像的加載事件。

我有一個簡單的縮略圖和大圖像畫廊。當你點擊一個縮略圖時，它會改變主要的src屬性img

這個js使用live('click'方法來綁定，它工作得很好。

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

我的問題是，我需要在此點擊反饋，所以我想顯示加載消息（由jquerymobile提供），然後將其隱藏的圖像加載一次。

哪裏#gallery_image_large是實際<img>其中src正在改變，我試過如下：

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

這工作在Safari我的桌面上，但在iPhone模擬器上面提到的沒有。

參考：

• jQuery Mobile Loading Message Methods

更新：我與JQuery Image load fails on MobiOne iPhone simulator，這也解釋瞭如何通過 「確認.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); 

（你可以看到，我opt'd爲try { .. } catch { .. }驗證jquerymobile可用。

雖然我沒有使用來自JQuery Image load fails on MobiOne iPhone simulator解決方案（直接）的load通過手動點火.complete可能是一個很好的解決方案，其他任何人在那裏！