【问题标题】: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.jsJS/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 它不适用于所有小部件?按钮、列表视图、复选框……等等?你能显示&lt;head&gt;中的链接吗?和文件位置?
【解决方案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 的其他站点,那么您的站点将不会再次下载它,而是会从浏览器缓存中获取文件。
猜你喜欢
  • 2010-12-11
  • 1970-01-01
  • 2016-06-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-10-03
相关资源
最近更新 更多