【问题标题】:How to show loading when using JQuery Mobile [duplicate]使用 JQuery Mobile 时如何显示加载
【发布时间】:2011-05-31 22:54:06
【问题描述】:

可能重复:
Show Page Loading Spinner on Ajax Call in jQuery Mobile

有一个 JQuery 移动 UI,当页面没有完全显示时如何显示加载?

【问题讨论】:

    标签: jquery-mobile


    【解决方案1】:
    //show    
    $.mobile.showPageLoadingMsg();
    
    //hide
    $.mobile.hidePageLoadingMsg();
    

    http://jquerymobile.com/test/docs/api/methods.html

    【讨论】:

    • Homer 方法是 JQM 1.0 起官方支持的方法
    【解决方案2】:

    此 API 在 JQM 1.2 中再次更改。在那个版本中应该使用$.mobile.loading('show')$.mobile.loading('hide')

    【讨论】:

    • 这其实是正确的答案。 +1
    • 只看 JQM 1.3.1,它仍然使用上面显示的 API,但是它仅在页面生命周期中触发 'pagecontainercreate' 事件之后才起作用。 (参见 jquery.mobile-1.3.1.js ln=1115) $.mobile.loaderWidget 就是在这里初始化的。这由 $.mobile.loading 调用。 (见jqm ln=973)在大多数情况下可能不是戏剧......
    【解决方案3】:

    文档:http://jquerymobile.com/demos/1.0a4.1/#docs/api/methods.html

    $.mobile.pageLoading (method)
    

    显示或隐藏页面加载消息,可通过 $.mobile.loadingMessage 进行配置。 论据: 完成(布尔值,默认为 false,表示加载已开始)。 True 将隐藏加载消息。 例子:

    //cue the page loader           
    $.mobile.pageLoading(); 
    
    //hide the page loader          
    $.mobile.pageLoading( true );
    

    【讨论】:

    • 请注意这是 Alpha 4 版本,自 1.0 起已更改
    • $.mobile.showPageLoadingMsg() 和 $.mobile.hidePageLoadingMsg()
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-31
    相关资源
    最近更新 更多