jQuery 为什么我的一些图标开始看起来不正确答案

【问题标题】：jQuery why some of my icons start looking incorrectjQuery 为什么我的一些图标开始看起来不正确
【发布时间】：2023-04-06 06:47:02
【问题描述】：

我在我的应用程序上使用 jQuery mobile，一切正常，但我只是注意到下面这两项看起来不再正确。

第一个是一个选择，以前是一个小箭头，而不是那个空的灰色圆圈。

第二个是旋转轮，以前是动画轮，现在有一个空的灰色圆圈..

不知道代码更改的哪一部分真正影响了这一点，有什么想法吗？

【问题讨论】：

您是在使用 JQM CDN 链接还是在本地托管它们？如果您在本地托管它们，JQM 的图像应该在 JS/images/ 下，例如JS/jquery1.3.0.js 和 JS/images/jqmicons.png
@Omar 是的，这就是我最近更改的内容，我现在在本地使用我该怎么办？

标签： jquery html jquery-mobile

【解决方案1】：

Mayu Mayooresan 答案对于使用 CDN 托管的 jQuery-Mobile 是正确的。

如果您想在本地托管它，download jQuery Mobile，请将文件解压缩到文件夹 /js/。结构应如下所示：

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

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

在您的 HTML 文件中：

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

【讨论】：

tnx 但不知何故它不起作用..您知道缺少什么，只需将图像文件夹添加到 JS 中。其他目录已经在工作并且存在。但没有运气。我也用jQuery mobile-1.8 可能是吧？
尝试使用最新的 jquery 移动脚本。 jquerymobile.com/download 它不适用于所有小部件？按钮、列表视图、复选框……等等？你能显示<head>中的链接吗？和文件位置？

【解决方案2】：

您缺少对图像文件的引用。您需要将图像放入您的项目中。当您将库下载为 ZIP 文件时，您可以找到包含图像的文件夹。

其他使用CDN如下

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

【讨论】：

与 CDN 一起使用时，我在生产环境中遇到了一些问题，不记得错误，但无法访问域
如果您失去了互联网连接，那么 CDN 将无法工作。但是 CDN 比本地文件更好。例如，如果用户使用了使用相同 cdn 的其他站点，那么您的站点将不会再次下载它，而是会从浏览器缓存中获取文件。