I have a simple application developed using jQuery Mobile and implemented in PhoneGap. It works great in the iPad 4.3 simulator, but not on the iPad 5.0 simulator, but in fact the iPad runs iOS 5 ...
This is the section head of the html file:
<head> <meta charset="utf-8"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="black"/> <meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport"/> <link rel="apple-touch-icon" href="icon.png"/> <link rel="apple-touch-icon" sizes="72x72" href="icon.png"/> <link rel="apple-touch-icon" sizes="114x114" href="icon.png"/> <title>App demo</title> <link rel="stylesheet" href="scripts/jquery.mobile-1.0rc2.min.css"/> <link href="css/style.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="scripts/jquery-1.6.4.min.js"/> <script type="text/javascript" src="scripts/jquery.mobile-1.0rc2.min.js"/> <script type="text/javascript" src="scripts/general.js"></script> <script type="text/javascript" src="scripts/app.js"/> </head>
When I launch it on iPad 4.3, everything works fine. But in 5.0, it just shows a blank screen. Same thing with the actual iPad with iOS 5. If, however, I delete the script links, it kind of “works” in that it displays the contents of the HTML page, but, of course, without the style and functionality of jQuery Mobile ... In including any jQuery in general, it seems to violate it, for example, if I leave only a link to jquery-1.6.4.min.js, this will not work either. Or one of my custom js files for that matter.
Does anyone know what is going on here? Does it have anything to do with linking to files? I think I put them in the correct order (first jQuery, then jQuery mobile, and then my custom js) ... It seems it never works, I tried this application http://coenraets.org/blog/2011/ 10 / sample-application-with-jquery-mobile-and-phonegap / and this works fine. It has script links, rather oddly located at the bottom of the file, just before the closing body tag. But I also tried to do this, and then jQuery Mobile didn't hit at all (although I could see the content).
And yet, since it works in simulator 4.3, I don’t think that there is anything really wrong in my code, but why doesn’t it work in 5.0?