当我用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