如何在JQuery Mobile Framework中使用图标(不使用按钮)

Question

我希望使用内置于jquery mobile的删除图标.

我知道如何使用按钮,你只使用数据角色 - 但我想在一个普通的旧版本或div中使用它.

有没有办法做到这一点？谢谢

Answer 1

刚刚升级到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"最终将它放在我的容器中.

快乐的编码......

Answer 2

例如,您可以使用div指定类的a

<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的链接