jquery-mobile - 从 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" />

如果是这样，那是错误的，如果您希望它在 WebView 中本地运行，则需要将 css 本地存储在 assets 文件夹中。

否则，我建议您首先在电话间隙运行“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 应用程序。

我希望它对你有帮助。