当我用jQuery Mobile按后退按钮时，如何显示加载图像？

Question

当我在我的jQuery Mobile应用程序中按下一个链接时，jqm（作为一个了不起的库）会自动显示一个漂亮的小漩涡图像，表示在加载到该页面之前最短暂的“加载”。

但是，我的各个页面上的后退按钮没有内置的功能。如何手动添加它？

Answer 1

有时不需要加载消息。如果页面被缓存并可以直接切换到它，那么为什么要显示加载消息。如果你绝对想要一个有两个JQM方法可以为你做这个。

1. $。mobile.showPageLoadingMsg（）如名称所示，显示加载消息或图标。
2. $。mobile.hidePageLoadingMsg（）会再次隐藏它。

这是一个小例子。

HTML

<div data-role="header">
    <a class="customBackBtn">Back</a>
    <h1>My Title</h1>
</div><!-- /header -->

JS

$(document).on('click','.customBackBtn',function(){

    $.mobile.showPageLoadingMsg();

    setTimeout(function(){
        $.mobile.hidePageLoadingMsg();
        history.back();
    }, 1000);

});​​​​​​​​​​​​​​​​​​​​

working jsfiddle example