2011-11-10 69 views
4

我有一個簡單的應用程序與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時才起作用?

回答

3

This question這裏堆棧溢出似乎表明,在iOS5中的UIWebView中需要外部腳本的鏈接有一個實際的結束標記,而不是簡單地用「/>」結尾。

嘗試更改鏈接:即任何改變

<script type="text/javascript" src="scripts/jquery-1.6.4.min.js"></script> 

呢?

+0

是的,確實如此,非常感謝!多麼奇怪的要求......這可能很難記住。 – Anders

+1

我有一個非常類似的問題(幾乎相同),但像上面解釋的關閉標籤不起作用。任何其他想法? – c0d3Junk13

相關問題