Question

当在jQuery Mobile中完成转换时，某些元素不能立即定位。

转换完成之间有一段时间，jQuery Mobile会在新页面中应用所有样式和脚本（自定义CSS + JavaScript）。

一旦应用了所有样式和脚本，是否有任何方式显示新页面？

也许我可以展示等待动画（由jQuery Mobile提供）。但是，我必须听到的事件是什么，知道所有内容都已加载到新页面上？

感谢。

Answer 1

您可以收听pageshow事件，该事件在加载内容并完成向目标网页的转换后触发。

$(document).on("pageshow", ":jqmData(role='page')", function() {
    // ...
});

请参阅文档here。

Answer 2

我会在Chrome上打开开发人员工具栏并调查网络标签，了解加载网站所需资产的任何延迟。与缓慢加载资产（CSS / images / Javascript）相关的依赖相关问题很可能导致此问题。

如果这不能告诉您足够的信息，我会在Chrome上运行一些Javascript分析，以确切了解您的Javascript的哪个部分导致了延迟。请参阅以下指南：