在按钮上添加图片

Question

有人可以帮我吗？如何在按钮上添加图片？我正在使用以下代码创建按钮。我想显示图像而不是“刷新”。这可能吗？ 提前致谢。

<div data-role="button" data-iconpos="right" id="searchResultRefresh" data-icon="refresh"> 
 refresh </div>

- Finder

Answer 1

你对这个文档感兴趣：

http://jquerymobile.com/demos/1.0a2/#docs/buttons/buttons-icons.html

定制图标在底部提到。 选择现有的ui-icon-sth类之一，将偏移量更改为引用图标文件的末尾，然后在那里添加您的图标，如果您想经常重复使用它。

如果不需要 - 只需更改复制的CSS中的图像链接并删除background-position定义即可。

- naugtur

---

嗨..谢谢...我使用了以下代码仅显示图标。但是仍然会得到带有文本“<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>”的按钮。 - Finder

谢谢您的帮助，现在一切正常。我必须使用jquery1.4.4.js，否则按钮将只会显示文本。之前我使用了jquery1.4.3.js。 - Finder

好的，知道了。谢谢提醒。 - naugtur

+1 给 Girija，感谢您注意到 1.4.3 版本中的错误，我一直在绞尽脑汁并搜索互联网，试图找出为什么这些图片没有显示出来。 - Adam

那不是一个错误，而是在1.4.4版本中引入的功能 :) - naugtur

Answer 2

那不是一个按钮，它是一个

元素。

要有带图像的按钮，请使用以下HTML代码：

<button type="button"><img src="Refresh.gif" /></button>

- Shadow The Spring Wizard

---

在jQuery Mobile中，那个div就是一个按钮。 - naugtur