jquery mobile中未显示的图标

我正在创建一个jQuery移动应用程序。图标不会出现在我的任何页面中。jquery mobile中未显示的图标

这里是代码

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

但是，当我使用CDN托管文件其工作的罚款。为什么会这样呢？

来源

2013-08-30 bijin

如果你用它在本地，那么你必须下载从图像目录4个文件：图标-18-black.png，图标-36-black.png，图标-18白色.png和图标-36-white.png。这些是jQuery css用来显示这些图标的四个图像文件。下载它们并将其保存在“images”文件夹中，并与您的css文件共享相同的根文件夹。它会工作得很好，CDN将为您提供这些图像。

Dowload Link

来源

2013-08-30 05:20:44 ds345

其工作..感谢Deeksha – bijin

你救了我的男人！非常感谢@ ds345 –

因为您正在使用内部软件包。内部包必须从您的电脑获取图标。您应该必须将整个文件包含在正确的目录中。或尝试包括此托管库

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

来源

2013-08-30 04:58:42

您尚未在您的问题中提供足够的信息。你的错误可能是原因有很多，如：

如果您使用的是图标字体：
- 是上传到正确的目录字体？
- 您打电话给的字符是否支持该字体？
- 您的图标的font-size是否设置为可见值？
如果你使用jQuery的包括图标：
- 您上传他们正确的目录？
- 您是否将URL指向正确的位置以加载它们？

来源

2013-08-30 04:58:49 Bryce

-1

我有同样的问题与jQuery Mobile的版本，我下载。

我已经从“jquerymobile.jqGrid-Trial.zip”文件下载了代码。在我的笔记本电脑上，jqGrid Mobile图标看起来不错，但是在iPhone或Android设备上，它们会被严重抵消。

enter image description here

我的解决办法是修改jquery.mobile.css文件的一部分，看起来像这样：

.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, 
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, 
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, 
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit, 
.ui-icon-search, .ui-icon-searchfield:after, 
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { 
    background-image: url(images/icons-18-white.png); 
    -moz-background-size: 776px 18px; 
    -o-background-size: 776px 18px; 
    -webkit-background-size: 776px 18px; 
    background-size: 776px 18px; 
}

（此之前，它在那里有一个不同的背景图片的名称，并有一个864px，而不是776px的引用图像宽度。）

顺便说一句，找到这个解决方案，我实际上忽略了。我从jQuery网站上下载了一个zip文件，看看jqGrid自己的例子（其中确实在设备上工作正常），然后比较他们选择的“jquery-mobile-1.2.0.css”文件使用方法：

Working jQuery Grid demo

希望这有助于。

来源

2014-07-25 11:27:53

jquery mobile中未显示的图标

回答

相关问题