CODEWITHSUNDEEP
jqueryjquery-mobile
richardstelmach
richardstelmach

Reputation: 375

Disable jQuery Mobile Loading Message and AJAX

I have the regular jQuery library attached and the jQuery mobile file attached after (jquery.mobile-1.2.0.min.js).

As soon as I attach jQuery mobile and refresh the page, I get the loading screen.

I have tried disabling it with:

$(document).on("mobileinit", function(){
    $.mobile.ajaxEnabled=false;
    $.mobile.loadingMessage = false;
});

As well as trying a different init function:

$(document).bind('pageinit'){

But neither have worked. I still just get the loading message or a completely blank screen.

The only function I really need it for is the swipe event.

Thanks in advance.

Upvotes: 3

Views: 7945

Answers (2)

Roman Losev
Roman Losev

Reputation: 1941

I have used CSS method. Not nicest but works and fast.

<style>
.ui-loader 
{
  display: none !important;
}
</style>

This question already answered: jQuery Mobile loading message

Upvotes: 2

Gajotres
Gajotres

Reputation: 57309

Mobileinit must be used before jQM js file is leaded, like this:

<head>
    <title>jQM Complex Demo</title>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script>
    $(document).on("mobileinit", function(){
        $.mobile.ajaxEnabled=false;
        $.mobile.loadingMessage = false;
    });            
    </script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>    
</head>

It won't work if you execute it after the script loads.

Upvotes: 4

Related Questions