從JQuery Mobile到PhoneGap/Cordova

Question

我有一個JQuery移動應用程序。我現在想要將它本機部署到Android和iOS。爲了解決這個問題，我想我會使用PhoneGap。當我運行我的應用程序時，沒有任何樣式信息出現。控制檯窗口中沒有錯誤。我不確定我做錯了什麼。

有沒有從JQuery移動到電話差距的指導？我看到的一切都是從Phone Gap開始的，並從那裏開始構建。我是否反過來這樣做？

謝謝你的任何堅持。我真的想把這個應用程序放到Android和iOS上。我覺得我很親密。但我不知道我做錯了什麼。

謝謝，

Answer 1

這只是一個猜測，但你有這樣的代碼？

<link rel="stylesheet" href="//code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 

如果是這樣說的不對，你需要在本地存儲你的CSS的資產文件夾，如果你想它的網頁視圖內本地運行。否則，我建議你首先在手機間隙上運行一個'hello world'，並且通過外部局部樣式表（現在不用擔心javascript）來調整一個元素的樣式。這實際上是最困難的部分，知道在哪裏放置文件以及如何引用文件，因此當您學習該部分時，您不希望將自己與當前項目的無關代碼混淆。

一旦你想出了這個部分，對於jQuery Mobile庫（包括css和js）來說，這將是微不足道的。

Answer 2

你包括正確嗎？

<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.min.css" /> 
<script src="jquery.mobile/jquery-1.7.2.min"></script> 
<script src="jquery.mobile/jquery.mobile-1.1.0.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> 

將.js文件和.css文件放在jquery.mobile文件夾中。

但是，如果你使用eclipse，那麼你可以直接創建phonegap應用程序。

我希望這會對你有所幫助。