JqueryMobile 图标没有出现答案

【问题标题】：JqueryMobile ICONS not appearingJqueryMobile 图标没有出现
【发布时间】：2012-05-21 07:32:01
【问题描述】：

我正在为 android 创建一个移动应用程序，并且我正在使用带有 phonegap 的 jquery mobile。但我的问题是。我已经下载了 .css 和 .js 以及 jquery mobile 的图像。当我在 chrome 或 safari 中本地运行它时。图标没有出现。我没有做任何自定义图标或任何事情。我只是将 .css 和图像放入我的项目中。代码是：

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

我将 jquery mobile 中的图像放入项目中的“图像”文件夹中。

谢谢

【问题讨论】：

查看调试器中的 NET 选项卡，您应该会看到相关图像的 404 错误。然后，查看浏览器认为图像所在的路径。浏览器是否与您放置它们的位置相同？如果没有，请将它们移动到浏览器正在查找的位置。祝你好运！如果您需要更多帮助，请随时发布更多信息，例如这些文件所在的路径。

标签： jquery-mobile

【解决方案1】：

将 Images 文件夹放在复制 css 文件的路径上。

例如

d:\myproject\jquery.mobile-1.0.1.min.css

d:\myproject\images

【讨论】：

如果您使用的是自定义主题，请务必将 images 文件夹与您的自定义 CSS 文件放在同一位置（以防它与您的 jQuery 移动文件位于不同的位置）跨度>

【解决方案2】：

如果您希望改用 CDN（内容交付网络）方法，您可以在 HTML 的头部使用以下三行：

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

我遇到了这个确切的问题，图标没有显示在 FF 或 Safari 中，这个在线解决方案适用于我的具体问题。如果您像 OP 一样为 PhoneGap 打包，显然您需要上述正确路径中的物理文件，但如果您使用 jsfiddle 或类似的网站。

这些是截至 2012 年 6 月 13 日的最新链接，我是从 jQuery download site. 获得的

【讨论】：