Question

我在本地使用jQuery mobile（不是来自CDN），到目前为止一切正常。我想更改一些按钮的图标，如此处所述，但有些图标（例如条形和编辑）不起作用。

更新：尝试了CDN文件，这两个文件都不起作用。

如果我使用例如此代码：

<div data-role="content">
  <a href="index.html" data-role="button" data-icon="edit">My button</a>
</div>

该按钮使用加号图标进行渲染。奇怪的是，一些图标（如加号，箭头-U，箭头-d，前进和检查）工作得很好。有人有什么建议可能会出错吗？提前谢谢！

./:     index.html
./css:  jquery.mobile-1.2.0.css   jquery.mobile-1.2.0.min.css
./css/images: ajax-loader.gif  icons-18-white.png  icons-36-white.png  icons-18-black.png  icons-36-black.png
./js:   custom-scripting.js  jquery-1.8.3.min.js  jquery.mobile-1.2.0.min.js  jquery-1.8.3.js    jquery.mobile-1.2.0.js

我的html文件的头部如下所示：

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./css/jquery.mobile-1.2.0.css" />
  <script src="./js/jquery-1.8.3.js"></script>
  <script src="./js/custom-scripting.js"></script>
  <script src="./js/jquery.mobile-1.2.0.js"></script>
</head>

Answer 1

Bars和Edit图标刚刚在一个月前添加到jQuery Mobile https://github.com/jquery/jquery-mobile/issues/5340

这些图标不在jQuery Mobile（1.2.0）的最新稳定版本中。如果您使用latest versions of jQuery Mobile或等到jQuery Mobile 1.3.0出来，您可以获得这些图标。

Answer 2

您必须在CSS文件（jquery.mobile-1.2.0.css）中设置ui-icon-edit类的背景位置，例如：

.ui-icon-edit {background-position: -288px 0;}

jQuery Mobile：一些按钮图标没有显示出来

2 个答案: