Home/ Questions/Q 8392435
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T19:31:12+00:00

My code: <!DOCTYPE html> <html> <head> <title>a</title> <meta name=viewport content=width=device-width, initial-scale=1> <link rel=stylesheet href=jquery.mobile-1.2.0-alpha.1.min.css

  • 0

My code:

<!DOCTYPE html> 
<html> 
<head>
<title>a</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="jquery.mobile-1.2.0-alpha.1.min.css" />
<script src="jquery-1.8.0.min.js"></script>
<script src="jquery.mobile-1.2.0-alpha.1.min.js"></script>
</head>
</html>

<script>
$(document).ready(function(){
$.mobile.loading('show');});
</script>

But the beautiful spinner image is not showing.It just shows a grey circle in the middle of the screen.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think your syntax is off, to display a loading message you should use $.mobile.showPageLoadingMsg Also make sure you have the images folder included.

    Edit:

    Sorry I see that you are using the alpha of JQM 1.2, it looks like the $.mobile.loading method was added in this release. At any rate make sure that you have the JQM images folder and that it is located in the same folder as the js file. To test try replacing your links with links to the CDN

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>
    • 0