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

我正好在我们说话时在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）

Answer 2

jQuery版本的问题。仅在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"/>

jQuery没有在PhoneGap上工作

2 个答案: