【问题标题】:From JQuery Mobile to PhoneGap / Cordova从 JQuery Mobile 到 PhoneGap / Cordova
【发布时间】:2012-05-25 00:22:34
【问题描述】:

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

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

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

谢谢,

【问题讨论】:

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

标签: jquery-mobile cordova


【解决方案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 应用。

    希望对你有帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-06-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-10
      • 2012-05-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多