Jquery Mobile Styles not loading on Xcode iOS 4.2 Simulator

Jquery Mobile Styles not loading on Xcode iOS 4.2 Simulator

Hello Everyone

I am trying to load some styles of Jquery Mobile css file
(jquerymobile10a3min.css) , but when I run the iOS 4.2 simulator these styles
do not load.

The same code it works well on Android 2.1

I hope you could help me

Here is my code:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.   <head>
  4.         <!-- Change this if you want to allow scaling -->
  5.     <meta name="viewport" content="width=default-width; user-scalable=no" />
  6.     <meta http-equiv="Content-type" content="text/html;charset=utf-8">
  7.     <title>pruebaphonegap26feb11</title>
  8.         <!-- iPad/iPhone specific css below, add after your main css >
  9.         <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
  10.         <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
  11.         -->
  12.             <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
  13.         <!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
  14.         <script type="text/javascript" charset="utf-8" src="phonegap.js"></
  15. script>
  16.     <script type="text/javascript" charset="utf-8">
  17.         // If you want to prevent dragging, uncomment this section
  18.         /*
  19.         function preventBehavior(e)
  20.         {
  21.       e.preventDefault();
  22.     };
  23.         document.addEventListener("touchmove", preventBehavior, false);
  24.         */
  25.         function onBodyLoad()
  26.         {
  27.                 document.addEventListener("deviceready",onDeviceReady,false);
  28.         }
  29.         /* When this function is called, PhoneGap has been initialized and is ready to roll */
  30.         function onDeviceReady()
  31.         {
  32.                 // do your thing!
  33.         }
  34.     </script>
  35.   </head>
  36.   <body onload="onBodyLoad()">
  37.         <div data-role="page" id="inicio" data-theme="a">
  38.         <div data-role="header" >
  39.                 <h1>Title</h1>
  40.         </div>
  41.         <div data-role="content" >
  42.                 <div align="center"> <h1>AAAA</h2></div>
  43.                 <div align="center"> <h3>bbb</h2></div>
  44.                                 <a href="#menu" data-role="button" data-theme="a">Start</a>
  45.         </div>
  46. </div>
  47.   </body>
  48. </html>