Question

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

无论如何我可以解决这个问题吗？

Answer 1

本地文件

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

它们可以在css / images dyrectory中找到。或者，当您将库作为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

root / 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>

如果它适用于他们，则问题出在此目录中。

Answer 2

我只是在本机与本机设备上缺少的图标进行斗争。当我使用上面发布的外部链接时，图标显示正常。我担心Apple不会批准我的应用程序中的外部下载代码，所以我继续尝试使用我的本地项目文件。

我偶然发现了一个有效的本地设置，但可能不推荐。我尝试切换到jquery.mobile-1.2.1.min.css，而不是1.3.0，图标突然出现了！所以我的配置是：

<link href="jquery-mobile/jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-mobile/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>

Jquery Mobile Images未显示在Phonegap中

2 个答案:

本地文件

远程文件