jqtouch - 不显示加载图像

时间:2010-07-28 19:58:32

标签: jquery jqtouch

我正在使用jqtouch创建一个Web应用程序,并且有一个指向外部html页面的ajax链接。有互联网连接时链接正常,但是当连接不可用时,没有“加载”消息。

这应该是jqtouch中的默认行为吗?如果是这样,可能导致图像不显示的原因是什么?

感谢您的帮助

1 个答案:

答案 0 :(得分: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>

结论:

我将所有链接转换为点击事件。

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