jQuery Mobile在加载前等待下一页准备就绪

我一直在试验jQuery Mobile。我正在努力实现以下目标

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

我想显示jquery移动加载弹出窗口，直到页面准备就绪，然后继续

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

我尝试绑定到“pagebeforeshow”活动，但没有效果

---

任何帮助都将不胜感激。

使用此函数在java脚本中隐藏和显示加载程序和您自己的加载程序

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

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

---

尝试在您提到的GUI项上放置一个单击处理程序-导航栏

在该函数中进行ajax调用，在ajax调用的success函数中，设置好项目后显示下一页

要显示转轮的负载，请使用：

$.mobile.showPageLoadingMsg（）

您可以使用以下命令移动到下一页：

---

$.mobile.changePage

我在加载页面时也遇到了同样的问题。 我使用下面的代码来消除

$(document).on("pagebeforeshow","#page",function(){ 
$("#header").empty();
$("#content").empty();
$("#footer").empty();
});

$(document).on("pageshow","#page",function()
{
$("#header").append("<h2 align='center'>"+'Header'+"</h2>");
$("#content").append("<h2 align='center'>"+'Content'+"</h2>");
$("#footer").append("<h2 align='center'>"+'Footer'+"</h2>");
});

$（document）.on（“pagebeforeshow”，“#page”，function（）{
$（“#标题”）.empty（）；
$（“#内容”）.empty（）；
$（“#页脚”）.empty（）；
});
$（文档）。在（“pageshow”、“#page”，函数（）上
{
$（“#头”）.append（“+”头“+”）；
$（“#内容”）。追加（“+”内容“+”）；
$（“#页脚”）.append（“+”页脚“+”）；
});

我也对这个答案感兴趣。不过，我应该注意到，在您所谈论的jQuery移动文档和演示中，它们没有使用AJAX生成列表性能测试下的列表。该列表已经在HTML中指定。有趣的是，我在jQuery论坛上发布了相同的问题，并被告知使用$.mobilePageChange（），但目前它不起作用，但我将尝试将其绑定到选项卡单击事件和preventDefault（），然后在加载后尝试更改页面。我会让你知道我的进展。酷，祝你好运，如果你发布这个问题的解决方案，我会很高兴的！与常规论坛不同，绝对没有必要在每篇文章的结尾都添加“请投票支持答案”这样的标语。如果你的答案被任何人认为是好的，他们会投票给你。它首先显示空白页。但我希望它比不整洁的页面浏览更好