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）