Response title
This is preview!
Problem with LoadingMessage in Google Chrome
in jQuery Mobile
•
11 years ago
Hello Everyone,
I have been fighting with this problem for a week now and i can't seem to be going anywhere with it.
I am developing a web application with JQM but i can not seem to "manually" show the LoadingMessage when someone clicks a link that dynamically injects a page.
I am using jQuery 1.7.1 with JQM 1.1.0 Final. On my index page, there is a list of clickable links where each link is supposed to dynamically inject a page. I followed the same instructions to dynamically generate a page from the docs here:http://jquerymobile.com/demos/1.1.0/docs/pages/page-dynamic.html
Now after debugging and using the console as well as Google Chrome's inspector. I noticed something strange.This is the ajax i call when fetching the external page:
$.ajax({
url: url,
type: 'POST',
dataType : 'json',
async: false,
data: '...',
beforeSend: function () {
// Show LoadingMessage
$.mobile.showPageLoadingMsg();
},
success: function( data ) {
//
}
In the php file that is loaded, i added a delay to find out really what was going on using Firebug for Firefox and The Chrom inspector. In Firefox, right after calling $.mobile.showPageLoadingMsg(), the loading message displays instantly. I notice this from the loading dic that JQM prepends to the body:
<div style="border: 0px none;" class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span><h1>loading</h1></div>
Now, in Chrome, i notice when the showPageLoadingMsg function is called, part of the child elements of the parent div disappear. Which is strange.
Please someone help me. I am running mad over here. Thank you.
1
