1

我在本地使用 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>
4

2 回答 2

1

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

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

于 2013-01-14T00:11:53.587 回答
0

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

.ui-icon-edit {background-position: -288px 0;}
于 2013-01-13T14:18:19.007 回答