在 phonegap android 应用程序中加载下一页时显示加载器图像答案

【问题标题】：To display loader image while loading the next page in phonegap android application在 phonegap android 应用程序中加载下一页时显示加载器图像
【发布时间】：2013-10-03 11:39:21
【问题描述】：

我正在开发一个 phonegap android 应用程序，它由三个 html 页面组成。每个页面都有一些在页面初始化时加载的动态数据。我想在单击按钮时显示加载器图像，以便在加载时导航到其他 html 页面。

我该如何实现呢？这个有什么默认功能吗？

【问题讨论】：

Phonegap 不处理页面之间的导航。您需要使用 jQuery mobile 或类似的框架。
我正在使用 jquery mobile bt 不知道如何实现它。任何帮助？

标签： javascript android jquery jquery-mobile cordova

【解决方案1】：

找到文档here。

function showSpinner(){
    $.mobile.loading("show");
}

function hideSpinner(){
    $.mobile.loading("hide");
}

【讨论】：

【解决方案2】：

上面的答案也很好，还有一个手动选项，你必须在每个 HTML 页面上创建一个 div，比如

 <div id="pageLoader">
    <div>
       <img src="images/ajax-loader.gif" /> // give here path of any loader image you want
    </div>
 </div>

然后在任何你想显示和隐藏加载的地方调用 $("#pageLoader").show() 和 $("#pageLoader").hide()。

【讨论】：

【解决方案3】：

安卓使用

 navigator.notification.activityStart

查看详情

show-loading-screen-in-phonegap-app

【讨论】：