IPhone PhoneGap上的JQuery Mobile问题

Question

我正在使用PhoneGap编写我的第一个跨平台移动应用程序。

在PhoneGap的网站上，我发现JQuery Mobile是PhoneGap中最有用的UI。然后我找到了一些JQuery教程（http://devgrow.com/mobile-web-dev-using-jquery-mobile）。它们在网络浏览器中都可以，但是当我在iPhone模拟器上启动它时，JQuery无法正常工作。

为什么呢？我该如何解决这个问题。

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>

喜欢教程

Answer 1

您是否在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>

可能是您在加载JQuery文件之前生成DOM。因此，我建议您将它们本地下载到您的JS文件夹中，并按照我在上面提到的那样进行参考

Answer 2

我去了http://devgrow.com/examples/jquerymobile/ iOS模拟器，它运行正常。

另外，我试图复制这个网页的来源，将它粘贴到index.html页面哦PhoneGap Project（添加一个到phonegap.js的链接），它工作正常。

您是否也尝试过这些步骤？

Answer 3

我希望现在回答不太晚，

我有这个问题＆amp;原因是phonegap不会在其批准的域之外加载文件。

所以我去了phonegap.plist或cordova.plist＆amp;在“ExternalHost”部分数组中添加了主机。

效果很好，

当然，检测此问题的唯一方法是查看xcode消息区域＆amp;看到“白名单”的东西

希望有所帮助