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，例如

<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" />

Answer 3

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

Answer 4

添加data-iconpos =＆＃34; notext＆＃34;

图标定位：