我有一個簡單的應用程序與jQuery Mobile開發並在PhoneGap中實現。它工作正常在iPad 4.3的模擬器,但不是在iPad 5.0模擬器和實際的iPad上運行的iOS 5 ...PhoneGap和jQuery Mobile不能與iOS 5一起使用?
這是HTML文件的頭部分:
<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>
當我運行在iPad模擬器4.3上一切正常。但在5.0上它只顯示一個空白屏幕。與iOS 5中的實際iPad一樣。但是,如果我刪除腳本引用,那麼它會顯示HTML頁面的內容,但當然不包含jQuery Mobile的樣式和功能......包括任何jQuery一切似乎都打破了它,例如如果我只留下對jquery-1.6.4.min.js的引用,它也不會起作用。或者我的一個自定義js文件。
有誰知道這是怎麼回事?它與放置文件引用有關嗎?我想我已經把他們安置在正確的順序(jQuery的第一個,然後jQuery Mobile的,然後我的自定義JS)......它似乎並不像它永遠不會奏效,我想這個程序http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/,並且工作正常。它的腳本引用比較奇怪地放在文件底部,就在關閉body標籤之前。但我也試過這樣做,然後jQuery Mobile的東西根本沒有踢(雖然我可以看到內容)。
而且還在,因爲它在4.3模擬器,我不覺得有什麼真的錯了我的代碼,但後來爲何它沒有在5.0時才起作用?
是的,確實如此,非常感謝!多麼奇怪的要求......這可能很難記住。 – Anders
我有一個非常類似的問題(幾乎相同),但像上面解釋的關閉標籤不起作用。任何其他想法? – c0d3Junk13