jquery - jqtouch - ローディング画像が表示されない

Question

jqtouch を使用して Web アプリを作成しており、外部 HTML ページへの ajax リンクがあります。インターネット接続がある場合、リンクは正常に機能しますが、接続が利用できない場合、「読み込み中」メッセージは表示されません。

これは jqtouch のデフォルトの動作であるべきですか? その場合、画像が表示されない原因は何ですか?

ご協力いただきありがとうございます

Answer 1

まあ、私は自分でそれをやった。

JS コード:

$(function(){
    $('#link').tap( function(e){
        $('#myloading').css("display","");
        window.location = this.href;
        return false;
    });
    $('#myloading').center();
});
jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}

ページに div を配置します。

<div style="display:none;" id="myloading">
    <img src="/css/jqtouch/apple/img/ajax-loader.gif" />
</div>

そして、次のようなすべての外部リンク:

<a id="link" href="page.html">My links</a>

結論：

すべてのリンクをタップ イベントで動作するように変換します。

問題が解決することを願っています。