Phonegap 安卓应用超链接页面加载答案

【问题标题】：Phonegap androing app hyperlink page loadingPhonegap 安卓应用超链接页面加载
【发布时间】：2013-03-05 19:05:36
【问题描述】：

我正在使用 HTML5 和 Jquery 移动框架开发 android 本机应用程序，我使用 phonegap build 功能来构建我的应用程序 apk 文件，无论如何我的应用程序在任何 android 设备上都可以正常工作，

我的问题是我在我的应用程序中添加了一个超链接，例如：

<a href="http://google.com"> tap me</a>

当我们点击这个超链接时，一个新网站会打开同一个窗口，但是在点击和新网站索引页面打开时间之间有太多延迟，几乎 5 秒，我认为是因为加载新网页，这 5 秒我应用程序只是静止...所以用户不知道是否新页面加载或任何错误...我需要在这 5 秒的间隙之间放置一个加载文本或只是动画gif 图像，如 jquery 移动页面加载...

有什么想法吗？谢谢...

【问题讨论】：

标签： android html cordova jquery-mobile hyperlink

【解决方案1】：

如果您使用的是 jQuery Mobile，则可以使用页面加载小部件在新数据/页面加载时显示消息或微调器

http://jquerymobile.com/demos/1.2.0/docs/pages/loader.html

<a class="show-page-loading-msg" href="http://google.com">Tap me</a>

为此链接（以及其他类似链接）添加事件处理程序：

$(document).on('tap', '.show-page-loading-msg', function () {
    $.mobile.loadingMessage();
});

【讨论】：

这对我来说是不可能的，因为我要求的不是同一个域的网页，我给了另一个域链接地址，当我们提供相同的域路径链接时，你的解决方案可以工作，但对于不同的域它加载链接页面时不工作，仍然延迟或空白页面，我需要加载其他域链接的小部件...任何想法..？
也许尝试取消事件，设置消息，然后更改 window.location 以跟随链接？ $(document).on('tap', '.show-page-loading-msg', function (e) { e.preventDefault(); $.mobile.loadingMessage(); window.location = this.href; } );