我按照本指南创建了我的第一个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>
它有效。但我想创建一个离线应用程序。 任何想法?
答案 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>