jQuery Mobile loading message

Question

When I linked jQuery Mobile to my page, some sort of loading message appeard in the bottom of the page and I can\'t get a rid of it. I\'ve tried $.mobile.pageLoading(true) b

Answer 1

Add this

<script>
$(document).ready(function(){
  $(".ui-loader").hide();
});
</script>

Answer 2

Try using $.mobile.hidePageLoadingMsg()

Answer 3

You can also use smth. like that to remove the message:

$('.ui-loader h1').remove();

Answer 4

In my case (jQueryMobile 1.4.5) I just had to add this to my CSS, and this way I can avoid importing the whole jQueryMobile CSS file (I don't need it).

.ui-loader {
  display: none !important;
}

Answer 5

By default, that message should be hidden. It is likely that you have not included the official jQuery Mobile stylesheet.

You shouldn't manually hide or disable the loading message through code.

The correct method should be to included the following stylesheet for jQuery Mobile 1.4.5:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.css">

This will solve various issues including blue outlines around selected elements in Chrome and orange outlines in Android.

In case this post gets outdated, the stylesheets for all versions can be found over here: https://jquerymobile.com/download/