0

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

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

4

1 回答 1

2

有时不需要加载消息。如果页面被缓存并且可以直接切换到它，那么为什么要显示加载消息。如果您绝对想要一个，那么有两种 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);

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

工作jsfiddle示例

于 2012-05-20T22:14:36.367 回答