PhoneGap与离线JQueryMobile

时间:2013-04-19 09:58:21

标签: android jquery cordova mobile

我按照本指南创建了我的第一个PhoneGap应用: http://cleancodedevelopment-qualityseal.blogspot.de/2012/12/first-phonegap-app-with-android-using.html 这很好用。现在,我想在这个应用程序中使用JQuery Mobile。

我下载了三个文件并将它们放入与index.html相同的目录中。 index.html的负责人看起来像这样:

<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="cordova-2.6.0.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
<script src="jquery-1.9.1.min.js"></script>

不起作用。 当我使用jquery mobile的“在线版”时,就像这样:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

它有效。但我想创建一个离线应用程序。 任何想法?

1 个答案:

答案 0 :(得分:1)

您应该在jQuery Mobile引用之前添加jQuery引用,因为JQM在内部使用jQuery。在PhoneGap应用程序中,您不应该添加CDN的引用,因为它会大大减少应用程序的加载时间。

如果你重新安排这样的本地参考,你的代码就可以了。

<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="cordova-2.6.0.js"></script>
<script src="jquery-1.9.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>