jquery - 如何在页面之间导航时显示 "loading"对话框？

Question

所以，我的phonegap应用程序必须在操作系统5的黑莓上运行。这在应用程序的开发过程中带来了很多问题。最初，我有 jquery-mobile，然后，由于黑莓无法处理它(可怕的转换，很长的加载时间，随机时间出现内存不足错误)，我决定保留应用程序的逻辑并取出 jquery mobile，重新创建html 中的接口(interface)。事实上，这很有效，该应用程序可以在 BBOS 6 和 android 中干净地运行。在 BB5 中，应用程序运行良好，但有时加载时间有点长。

该应用程序被分成 4 个不同的 .html 文件，其中一些包含用于使用 ajax 调用动态加载数据的选项卡。 ajax 调用工作正常，需要 2-4 秒才能显示内容。然而，页面之间的转换需要很长时间:15-20 秒。我想做的是显示某种“正在加载...”消息从一个页面导航到另一个页面时，以便用户知道该应用程序运行正常，只需要一些时间。

黑莓并不总是将光标图像更改为时钟，因此只有一个黑色页面，让用户等待一段时间。有没有办法在页面之间导航时通知用户内容正在加载？

我知道这可以通过 ajax 调用加载内容来完成，但是将应用程序拆分到不同的页面中可以让我降低应用程序的重量，以便它在 BB OS5 上运行。

对此有什么建议吗？如有任何帮助，我们将不胜感激。

Answer 1

我知道这是一篇旧文章，但是我一直在寻找解决方案，并且发现这是最好的

<script type="text/javascript">
   window.addEventListener("beforeunload", function (event) {
         showLoader(); //opens up a bootstrap modal with some animating loader icon
    });
</script>

根据W3Schools这适用于所有现代浏览器。