jquery-mobile-loader

I have the following code: HTML: <link rel="stylesheet" href="js/jquery.mobile-1.3.1.min.css"/> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/jquery.mobile-1.3.1.min.js"></script> JS: $(document).on({ ajaxStart: function() { $.mobile.loading('show'); console.log('getJSON starts...'); }, ajaxStop: function() { $.mobile.loading('hide'); console.log('getJSON ends...'); } }); I'm using Jquery Mobile 1.3.1 and testing this code in mozilla firefox and google chrome at the moment. I'm going to use it in a phonegap app later on. I'm loading a JSON and displaying it on screen in a

I want to show loading animation spinner in a JQueryMobile page which is loaded w/ ajax off. The page is loaded with data-ajax="false" or rel="external" I tried on pagebeforecreate and pageshow event but its NOT working as I expected: $( '#page' ).live( 'pagebeforecreate',function(event){ $.mobile.loading('show'); }); $( '#page' ).live( 'pageshow',function(event){ $.mobile.loading('hide'); }); There's a slight problem with your request. First, you will not be able to show/hide ajax loader without set interval. There's is only one situation where this is possible without and that is during the