Как использовать значки в JQuery Mobile Framework (без использования кнопки)

Я ищу использовать значок удаления, встроенный в jquery mobile.

Я знаю, как использовать кнопки, вы просто используете роль данных - но я хочу использовать его в простом старом диапазоне или div.

Есть ли способ сделать это? Благодаря

ОТВЕТЫ

Ответ 1

Вы можете просто использовать div с указанными классами, например

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

Update:

Листы стиля для JQM изменились с тех пор, как это было впервые опубликовано, вы можете получить такое же влияние, добавив класс ui-btn-icon-notext к вашему элементу (по крайней мере, от JQM 1.4.5). Кроме того, вам может потребоваться добавить position:relative;, чтобы правильно установить его.

Например

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

Здесь ссылка на соответствующий API

Ответ 2

Просто обновлено до 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", наконец, разместил его в моем контейнере.

Счастливое кодирование...

Ответ 3

Как насчет использования <span class="ui-icon ui-icon-delete ui-icon-shadow" style="display:block" /> или просто ссылки на класс ui-icon-delete в вашей разметке?