jQuery Mobile：data_icon 图片问题

Posted 2023-05-09

【中文标题】jQuery Mobile：data_icon 图片问题

【英文标题】：jQuery Mobile: data_icon images issue

【发布时间】：2013-05-02 06:15:39

【问题描述】：

我正在使用ASP.NET MVC 4 和jQuery mobile 在android 智能手机上显示Web 应用程序。

我从jQuery mobile 1.1.0 更新到1.3.1，除了我的数据图标外，一切似乎都可以正确移植。当我通过浏览器在本地进行调试时，它们会正确显示，但是当我在我的 android 设备上测试时，图标不正确。

它几乎看起来像那里的图标，但位置不正确，例如。 “齿轮”图标应该在哪里，它看起来像是显示了“向下箭头”图标的一半。

我的css文件在~/Content/，我的图片文件在~/Content/images。

我尝试将更新后的 (1.3.0) 图像替换为 1.1.0 和 1.2.1 附带的图像，但似乎没有任何效果。

这是分别在 android 和浏览器上的样子。

任何想法为什么会发生这种情况或如何解决这个问题？

【问题讨论】：

您是否使用自己的主题，使用主题滚轮构建？如果没有，您根本不需要加载结构。仅加载 jqm-theme.css 和 jqm.js

这里有同样的困难。使用 iPod ios 6.1.3、JQ 1.9.1 和 JQM 1.3.1。一些图标缺少图像，在另一些图标上，图像不在圆形窗口的中心（类似于上面）。使用默认的 data-theme="c"。

我从我的脚本/内容文件夹中删除了所有 jQuery 和 jQuery-mobile 文件（移动到不同的位置）并重新下载了 jQuery 1.9、jQuery migrate 和 jQuery-mobile 1.3.1，把内容和脚本区域中的新文件，它工作。老实说，我不知道它为什么起作用，但从那以后就没有发生过。

尝试使用类似这样的方式重新加载 css：***.com/a/13721261/1096200

【参考方案1】：

这似乎只是 jQuery mobile 1.3.1 的一个错误。

我用 1.2.1 替代品替换了结构和主题 css 文件，它们现在可以正确显示。

编辑：

今天再次浏览我的应用程序，它们又恢复为显示不正确..没有改变任何东西..：/