Phonegap 中未显示 Jquery Mobile 图像

Question

我有一个在 Phonegap build 中构建的应用程序，但是该应用程序不再在图标等中显示图像。例如，后退按钮显示但不显示后退按钮内的小箭头。我对我的应用程序所做的唯一更改是我在本地存储和引用该应用程序所需的所有 JS 文件。

我能解决这个问题吗？

Answer 1

本地文件

您缺少对图像文件的引用。

它们可以在 css/images 目录中找到。或者，当您将库下载为 ZIP 文件时，您可以找到名为 images 的文件夹。

更具体地说:

HTML 文件，直接在根文件夹中

webapp/Index.html

root/JS文件夹下的脚本

webapp/js/jquery.mobile-1.3.0.min.css

webapp/js/jquery-1.8.2.min.js

webapp/js/jquery.mobile-1.3.0.min.js

根/JS/images/文件夹下的图片

webapp/js/images/ajax-loader.gif

webapp/js/images/icons-18-black.png

webapp/js/images/icons-36-black.png

webapp/js/images/icons-18-white.png

webapp/js/images/icons-36-white.png

这些位置取自 Omar's答案:https://stackoverflow.com/a/15762397/1848600

远程文件

一个更简单的解决方案是将所有内容链接到在线资源:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>

如果它适用于他们，那么您的问题就出在这个目录中。