过渡完成后的错误 jQuery Mobile答案

【问题标题】：Bugs after the transition is complete jQuery Mobile过渡完成后的错误 jQuery Mobile
【发布时间】：2013-05-21 19:57:30
【问题描述】：

当在 jQuery Mobile 中完成过渡时，某些元素没有立即很好地定位。

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

在应用所有样式和脚本后，有什么方法可以显示新页面？

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

谢谢。

【问题讨论】：

【解决方案1】：

您可以监听pageshow事件，该事件在内容加载完毕并完成向目标页面的过渡时触发。

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

请参阅文档here。

【讨论】：

【解决方案2】：

我会在 Chrome 上打开开发者工具栏并调查“网络”选项卡，以了解加载网站所需资产的任何延迟。很可能是与加载缓慢的资产（CSS/图像/Javascript）有关的依赖相关问题导致了这种情况。

如果这不能告诉您足够的信息，我会使用 Chrome 运行一些 Javascript 分析，以准确找出导致延迟的 Javascript 部分。请参考以下指南：

【讨论】：