如何让jquery mobile中的页面转换时显示ajax加载？

Question

有时候，它会显示，有时，不，所以，如何确保在jquery mobile中显示ajax加载指示器？

Answer 1

除非有一个在你的应用程序的一个主要问题，你们都描述了一个正常的情况。

虽然网页过渡可能需要大量的时间（在桌面浏览器常用的网页加载/转换时间为670毫秒），页面加载到DOM只需要几毫秒（一般为3-5毫秒）。 AJAX装载机将只显示，如果网页加载（进入DOM）需要更多的则10毫秒。其他页面转换操作不计入AJAX调用，因此页面加载到DOM后不会显示动画。页面加载/过渡期间

操作：

• 页面加载和处理：3毫秒（AJAX装载机将这个动作时只显示，如果它需要更多的则10毫秒）
• 页增强：45ms
• 转型：604ms

想了解更多关于这看看我的其他ARTICLE，或者发现它HERE，搜索名为章：改换时报

一两件事，除非你使用正常的页面加载AJAX装载机将不显示（如果你的链接有一个属性rel="external"或data-ajax="false"）。

Answer 2

为了确保默认完成ajax导航，只要您不向链接和按钮添加data-ajax =“false”属性，Jquery Mobile就会为加载到DOM的页面添加ajax导航。否则，你可能已经添加了禁用某些页面上的Ajax导航的全局修改。

或者你可以有相对=“外部”作为你的一些链接和按钮的属性，即禁用AJAX导航。

如果你能更具体，即后一个的jsfiddle你的问题的例子，我可以给你一个更好的解释。另外请提及您使用的是哪个版本的Jquery Mobile。

Answer 3

，当你这样做：

$.mobile.changePage("#page-home", { transition: "none"}); 

补充一点：

$.mobile.showPageLoadingMsg(); 

不要忘记在pageLoad函数中的末尾添加

$.mobile.hidePageLoadingMsg();