jQuery在PhoneGap上不工作

Question

我一直在用jQuery，JavaScript，Ajax和PHP进行编码，当我想使用PhoneGap创建我的应用程序时，jQuery和CSS脚本不起作用。一些想法？

我的代码：

<link rel="stylesheet" href="../css/template01.css" /> 
<link rel="stylesheet" href="../css/own.css" /> 
<link rel="stylesheet" href="../css/jquery.mobile.icons.min.css" /> 
<link rel="stylesheet" href="../jqm/jquery.mobile.structure-1.4.5.min.css" /> 

<script src="../jqm/jquery-2.2.4.min.js"></script> 
<script src="../js/register.js"></script> 
<script src="../js/volcap.js"></script> 
<script src="../js/volser.js"></script> 
<script src="../js/verser.js"></script> 

Answer 1

问题与jQuery version.Use只有以下CDN：

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<link href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet"/> 

Answer 2

我碰巧在我们说话要建设PhoneGap的应用程序和jQuery完美的作品对我很好。如果您将phonegap结构复制到任何文件夹，就好像它是任何其他HTML网站一样，它应该可以正常工作。 （这也是我如何构建Phonegap项目的任何html）

这样做应该让你清楚问题出在哪里。我会猜测这与你的包含方式有关。你完全确定href和src属性填写正确吗？

您的index.html应该放在您的项目的根目录并带有phonegap。你能否让我们更深入了解你的地图结构？

对于我来说，在我的项目，它看起来像这样：

<script src="assets/plugins/jquery/jquery-2.2.3.min.js"></script> 
<script src="assets/plugins/abtags/ab.tags.js"></script> 
<script src="assets/js/init.js"></script> 
<script src="assets/js/marketplace.js"></script> 
<script src="assets/js/stores.js"></script> 
<script src="assets/js/catalog.js"></script> 
<script src="assets/js/tracking.js"></script> 
<script src="assets/js/main.js"></script> 
<script>init();</script> 

这工作完全正常。考虑到index.html必须位于您的项目的根目录中，我无法想象您需要在您的目录中使用../，因为它会返回太深的一个级别。

编辑：也不完全不重要：您是使用Phonegap Build还是CLI？

如果您使用CLI，请注意有一个特殊的地方为css文件和js文件。

虽然Cordova允许您为多种不同的平台轻松部署应用程序，但有时需要添加自定义设置。在这种情况下，您不希望修改顶级平台目录中各种www目录中的源文件，因为它们经常被顶级www目录的跨平台源代替。

例如： 把你的css文件放在www/css/index.css。 这样的链接是：<link rel="stylesheet" type="text/css" href="css/overrides.css" />

这里来源：https://cordova.apache.org/docs/en/latest/guide/cli/（搜索for using merges to customize each platform）