从 JQuery Mobile 到 PhoneGap / Cordova

Posted 2023-03-15

【中文标题】从 JQuery Mobile 到 PhoneGap / Cordova

【英文标题】：From JQuery Mobile to PhoneGap / Cordova

【发布时间】：2012-05-25 00:22:34

【问题描述】：

我有一个 JQuery 移动应用程序。我现在想将它本地部署到 android 和 ios。为了解决这个问题，我想我会使用 PhoneGap。当我运行我的应用程序时，没有任何样式信息出现。控制台窗口中没有错误。我不确定我做错了什么。

是否有关于从 JQuery 移动到手机差距的指南？我看到的一切都是从 Phone Gap 开始并从那里构建的。我是不是反过来做？

感谢您的坚持。我真的很想把这个应用程序放到 Android 和 iOS 上。我觉得我很接近。但我不知道我做错了什么。

谢谢，

【问题讨论】：

你把js和css文件和图片复制到本地了吗？

【参考方案1】：

这只是一个猜测，但你的代码中有这样的东西吗？

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

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

否则，我建议您首先在电话间隙运行“hello world”，然后通过外部本地样式表设置一个元素的样式（暂时不用担心 javascript）。这基本上是最困难的部分，知道将文件放在哪里以及如何引用它，因此当您学习该部分时，您不想将自己与当前项目的无关代码混淆。

一旦你弄清楚了那部分，你就可以对 jQuery Mobile 库做同样的事情了，包括 css 和 js 库。

【参考方案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 应用。

希望对你有帮助。