在iPhone PhoneGap上使用JQuery Mobile的問題

我正在用PhoneGap編寫我的第一個跨平臺移動應用程序。在iPhone PhoneGap上使用JQuery Mobile的問題

在PhoneGap的網站中，我發現JQuery Mobile是PhoneGap中用戶界面最有用的。然後我找到了一些JQuery教程（http://devgrow.com/mobile-web-dev-using-jquery-mobile）。他們在Web瀏覽器中沒問題，但是當我在iPhone模擬器上啓動它時，JQuery不起作用。

爲什麼？我怎麼解決這個問題。

browser and iphone

UPD：我用

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>

像教程

來源

2012-02-24 Eugene Trapeznikov

是U打開它在瀏覽器中？或在應用程序？ – ghostCoder 2012-02-24 11:06:24

@ghostCoder - 瀏覽器和應用程序 – 2012-02-24 11:25:30

已包含在您的index.html下面的文件

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.0rc1.js"></script>

編輯： 我檢查了你的教程鏈接，提到它

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>

可能是你的DOM是在你的JQuery文件被加載之前生成的。所以我建議你將它們下載到本地到你的JS文件夾中，並參考我上面提到的

來源

2012-02-24 11:11:27

請查看upd – 2012-02-24 11:25:43

我建議您在本地下載JQuery js和css，然後參考它們。您可以從這裏下載它們http://jquerymobile.com/download/ – 2012-02-24 11:29:33

不，在您下載並評估完腳本標記之前，您尚未加載DOM。頭標記中的腳本標記被阻塞。他們阻止評估身體標記。 – 2012-02-24 14:44:30

我去了http://devgrow.com/examples/jquerymobile/ iOS模擬器，它工作正常。

此外，我試圖複製此網頁的源代碼，將其粘貼到PhoneGap Project的index.html頁面（通過添加一個指向phonegap.js的鏈接），並且它工作正常。

你也試過這些步驟嗎？

來源

2012-02-24 11:13:11

我希望它不是太晚了回答，

我有這個問題&原因是PhoneGap的不加載其批准的域之外的文件。

所以我去了phonegap.plist或cordova.plist &添加在'ExternalHost'節數組中的主機。

它的工作搞好，

當然，來檢測這個問題的唯一辦法就是看Xcode的消息區域&看到的東西與「白名單」

希望它可以幫助

來源

2012-10-13 15:57:43 Araejay

在iPhone PhoneGap上使用JQuery Mobile的問題

回答

相關問題