jquery - 过渡完成后的错误 jQuery Mobile

Question

在 jQuery Mobile 中完成过渡后，某些元素不会立即很好地定位。

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

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

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

谢谢。

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

您可以监听pageshow事件，该事件在内容已加载并完成到目标页面的转换时触发。

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

2 回答 2