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>

结论：

我将所有链接转换为在点击事件上工作。

我希望它能解决你的问题。