Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'm having the same issue. I'm not sure if it's caused by the same thing or not, but I have my footer toolbar as inline. So I scroll to the bottom of the page, click the page to load, then on the next page trigger the loading message (I'm doing some dynamic ajax loading of content). It looks like the loading message isn't there, but it actually is. It just has a "top" value of something around 1700px, so I don't see it. When I click a link to the same exact page that is at the top of the page, I see the loading message fine.</p> <p>It looks like jQM is trying to persist the loading message or something. Not sure.</p> <p>So.. there's your guidance. I don't have an answer for you yet besides doing something like:</p> <pre><code>$(".ui-loader").css({"top": "400px"}); </code></pre> <p>That's probably what I'll do. Hope that helps!</p> <p><strong>EDIT</strong></p> <p>This is what I ended having to do. Tested and it works. When I start my ajax call:</p> <pre><code>$(".ui-loader").css({"display": "block", "top": "252px !important" }); </code></pre> <p>When the ajax call completes:</p> <pre><code>$(".ui-loader").css({ "display": "none" }); </code></pre> <p><strong>EDIT 2</strong></p> <p>Sorry, after some testing I figured out you don't want to set "display: block;" or "display: none;" using the .css() jQuery function. That'll set the style attribute on the element itself and override what jQM wants to do. Do this instead -- when starting the call:</p> <pre><code>$(".ui-loader").css({ "top": "252px !important" }); $.mobile.showPageLoadingMsg(); </code></pre> <p>When finished loading:</p> <pre><code>$.mobile.hidePageLoadingMsg(); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload