richardstelmach richardstelmach - 5 months ago 17
jQuery Question

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.

Answer

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.