jquery移动箭头/图标没有显示在iPhone应用程序上

时间:2013-03-04 00:16:39

标签: cordova jquery-mobile

这个让我想知道最近发生了什么,已经有几天了。

我一直在xcode上设计一个概念应用程序并且最初依赖于iOS模拟器,然后我开始在iPhone上进行测试,而不是奇怪的事情。

当我在模拟器中查看时,我有屏幕:

enter image description here

这正是我想看的样子,但后来我把它加载到iPhone中我看到了: enter image description here

如果人们可以清楚地看到箭头丢失,那么标题栏也会出现这种情况。此外,iOS模拟器上的箭头似乎有些偏差 - 当我在Chrome上打开网站时,这可以复制。

关于这个问题的任何想法?

提前再次感谢您!

3 个答案:

答案 0 :(得分:2)

我发现问题是当我更新到Jquery Mobile 1.3(从1.2)时,我没有更新images文件夹中的图标文件,这在本版本中显然有所改变。现在我更新了它们,问题就解决了。

答案 1 :(得分:0)

在iOS设备上,文件路径区分大小写,与文件路径不区分大小写的模拟器不同。您能否在代码中检查文件路径引用是否区分大小写?

答案 2 :(得分:0)

我知道这是一篇很老的帖子,但是我觉得有趣的是,如果您正在测试的iPhone是视网膜,那么你需要icon-36-white.png而不是icon-18-white.png 。 所以你要么在jquery.mobile css中注释掉@media的像素比率为1.5,要么将icon-36-white.png图像添加到图像处理器中,它应该像魅力一样。