12

我希望使用 jQuery Mobile 内置的删除图标。

我知道如何使用按钮,您只需使用data-role- 但我想在普通的旧spandiv.

有没有办法做到这一点?

谢谢

4

4 回答 4

14

刚刚升级到 JQuery Mobile 1.4.0 - 呃!......没有任何效果,直到以下解决方法:

<span class="ui-icon-delete ui-btn-icon-left " style="position:relative;" />

注意这个类ui-btn-icon-left(你可以使用其他类-right, -top, -bottom, -notext,但这一个似乎效果最好)。最重要的是,style="position:relative"最后把它放在我的容器里。

快乐的编码...

于 2013-12-30T23:08:33.850 回答
11

例如,您可以将 adiv与指定的类一起使用

<div class="ui-icon ui-icon-delete"></div>

更新:

自首次发布以来,JQM 的样式表已更改,您可以通过将ui-btn-icon-notext类添加到您的元素来获得相同的效果(至少从 JQM 1.4.5 开始)。此外,您可能需要添加一个position:relative;以使其正确定位。

例如

  <span class="ui-btn-icon-notext ui-icon-delete" style="position:relative" />

这是相关 API 的链接

于 2012-09-20T14:42:44.477 回答
0

如何在标记中使用<span class="ui-icon ui-icon-delete ui-icon-shadow" style="display:block" />或简单地引用ui-icon-delete该类?

于 2012-09-19T22:14:48.250 回答
0

添加数据-iconpos="notext"

图标定位:

http://demos.jquerymobile.com/1.1.2/docs/buttons/buttons-icons.html

于 2014-05-26T09:11:06.830 回答