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

Question

I am developing a phonegap android application which consists of three html pages.Each page have some dynamic data that loads on page initialization. I want to display a loader image on the click of a button to navigate to other html page while loading it.

How can i implement this? Is there any default function for this ?

Answer 1

Documentation found here .

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

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

Answer 2

Above answer is also good there is another option manually you have to create one div on each HTML page like

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

then call $("#pageLoader").show() and $("#pageLoader").hide() wherever you want to show and hide loading.

Answer 3

for android use

 navigator.notification.activityStart

for detail check this

show-loading-screen-in-phonegap-app