【问题标题】:Add Image on the Button在按钮上添加图像
【发布时间】:2011-01-19 08:11:53
【问题描述】:

任何人都可以帮助我。如何在按钮上添加图像?我正在使用以下代码创建一个按钮。我想显示图像而不是“刷新”。是否有可能做到这一点? 提前致谢。

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

【问题讨论】:

    标签: jquery jquery-mobile


    【解决方案1】:

    您对此文档感兴趣:

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

    底部提到了自定义图标。 采用现有的 ui-icon-sth 类之一并更改偏移量以引用图标文件的末尾,然后如果您想大量重用它,则将您的图标添加到那里。

    如果不是 - 只需更改复制的 CSS 中的图像链接并删除背景位置定义。

    【讨论】:

    • 嗨..谢谢...我使用以下代码单独显示图标。但我仍然得到带有文本“Delete”的按钮。
    • 您好,感谢您的帮助。它工作正常。我必须使用 jquery1.4.4.js。否则,按钮将仅显示文本。在我使用 jquery1.4.3.js 之前。
    • 很高兴知道。谢谢提及。
    • +1 为 Girija,感谢您注意到 1.4.3 中的错误,我正在绞尽脑汁和互联网试图找出为什么这些图像没有显示。
    • 这不是错误,这是 1.4.4 中引入的功能 :)
    【解决方案2】:

    这不是一个按钮,它是一个div 元素。

    要有带图片的按钮,要有这样的 HTML:

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

    【讨论】:

    • 在 jquery mobile 中,div 是一个按钮。
    猜你喜欢
    • 2015-12-08
    • 1970-01-01
    • 2021-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多