jQuery Mobile 等待下一页准备好后再加载

Question

我一直在尝试 jQuery Mobile。我正在尝试实现以下内容

• 当用户点击底部的事件导航栏时，他们将继续查看事件列表。
• 此列表是通过服务器的 AJAX 请求生成的。
• 当前，无论列表是否可用，页面都会加载，然后在加载完成后显示信息。不整洁!!

我想显示 jquery mobile 加载弹出窗口，直到页面准备好，然后继续。

在 jQueryMobile 文档和演示中的“ ListView ”和“列表性能测试”下，这按照我希望的方式执行。

我尝试绑定(bind)到“pagebeforeshow”事件，但没有成功。

任何帮助将不胜感激。

Answer 1

使用此函数在 javascript 中隐藏和显示加载程序以及您自己的加载程序

 //show loader
var showLoader = function () {   
        $('.ui-loader').css('display', 'block');
   }

 //hide loader
var hideLoader = function () {
            $('.ui-loader').css('display', 'none');
   }