jQueryMobileでイメージのロードイベントをバインドする方法

Question

jQuery Mobile 1.0a2を実行しているモバイルWebサイトがあります。現在、iPhone Simulator経由でファームウェア4.1のモバイルSafariでテスト中です。

イメージのロードイベントにバインドできないようです。

私はサムネイルのギャラリーと大きな画像を持っています。サムネイルをクリックすると、メインのsrc属性が変更されますimg

live('click'メソッドを使用してjsをバインドすると、正常に動作します。

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

私の問題は、私はこのクリックに関するフィードバックを必要とするので、私は（jquerymobileによって提供される）ロードメッセージを表示し、画像をロードたら、それを隠すために望んでいたということです。

#gallery_image_largeが srcが変化している実際の <img>で、私は次のことを試してみました

：

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

これは私のデスクトップ上のSafariで動作しますが、iPhone Simulatorで上記されません。参考のため

：

• jQuery Mobile Loading Message Methods

UPDATE：私は ".completeをチェックする" ことにより、手動で.loadを実装する方法について説明しJQuery Image load fails on MobiOne iPhone simulator、を試しています。

Answer 1

私は自分のjqueryの構造を変更しましたが、それを修正したようです！ try { .. } catch { .. }がjquerymobileが利用可能であることを確認するために

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

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

は（あなたが見ることができるように、私はopt'd。

私はJQuery Image load fails on MobiOne iPhone simulatorからソリューション（直接）を使用しなかったが、loadの手動発射経由.completeはおそらくそこにいる他の誰のための良い解決策でしょうか？