Jquery Иконки
Чтобы добавить иконку в <a> и <button> элементов в JQuery Mobile, используйте класс значок и поместить значок , как показано ниже (исключение составляет лишь кнопки в NavBars, которые показаны далее вниз):
<a href="#anylink" class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</a>
Try it
<button class="ui-btn ui-icon-refresh ui-btn-icon-left ">Refresh Page</button>
Try it
Чтобы добавить иконку в <input> кнопки, используйте data-icon атрибута:
<input type="button" value="Refresh page" data-icon="refresh" >
Try it
Чтобы добавить значок для кнопок NavBar, используйте атрибут-значок данных:
<a href="#anylink" data-icon="refresh" >Refresh Page</a>
Try it
Чтобы добавить иконку в список кнопок, используйте атрибут-значок данных на <li> :
<li data-icon="refresh" ><a href="#">Click me</a></li>
Try it
Ниже мы перечислили все доступные иконки, JQuery Mobile обеспечивает:
| Стоимость | Описание | Значок | пример |
|---|---|---|---|
| action | Действие (стрелка, указывающая по часовой стрелке из коробки) | Попробуй | |
| alert | alert | Попробуй | |
| audio | Аудио / Звук / Динамики | Попробуй | |
| arrow-d-l | Стрелка указывает вниз влево | Попробуй | |
| arrow-d-r | Стрелка указывает вниз вправо | Попробуй | |
| arrow-u-l | Стрелка, направленная вверх влево | Попробуй | |
| arrow-u-r | Стрелка, направленная вверх вправо | Попробуй | |
| arrow-l | Стрелка влево | Попробуй | |
| arrow-r | Стрелкой вправо | Попробуй | |
| arrow-u | Стрелка, направленная вверх | Попробуй | |
| arrow-d | Стрелка указывает вниз | Попробуй | |
| back | Назад (изогнутая стрелка вверх против часовой стрелки) | Попробуй | |
| bars | Бары (три горизонтальные полосы друг на друга) | Попробуй | |
| bullets | Пули (три горизонтальные пули друг над другом) | Попробуй | |
| calendar | calendar | Попробуй | |
| camera | camera | Попробуй | |
| carat-d | Карат указывает вниз | Попробуй | |
| carat-l | Карат, указывающая влево | Попробуй | |
| carat-r | Карат указывая вправо | Попробуй | |
| carat-u | Карат направлен вверх | Попробуй | |
| check | Галочка | Попробуй | |
| clock | clock | Попробуй | |
| cloud | cloud | Попробуй | |
| comment | comment | Попробуй | |
| delete | Удалить (X) | Попробуй | |
| edit | Редактировать / Карандаш | Попробуй | |
| eye | eye | Попробуй | |
| forbidden | Запретный знак | Попробуй | |
| forward | forward | Попробуй | |
| gear | gear | Попробуй | |
| grid | grid | Попробуй | |
| heart | Сердце символ / Любовь | Попробуй | |
| home | home | Попробуй | |
| info | Информация | Попробуй | |
| location | Местонахождение / GPS | Попробуй | |
| lock | Блокировка / Padlock | Попробуй | |
| Mail / письмо | Попробуй | ||
| minus | minus | Попробуй | |
| navigation | navigation | Попробуй | |
| phone | телефон | Попробуй | |
| power | Питание (вкл / выкл) | Попробуй | |
| plus | plus | Попробуй | |
| recycle | recycle | Попробуй | |
| refresh | refresh | Попробуй | |
| search | search | Попробуй | |
| shop | Магазин / Паг / Кошелек | Попробуй | |
| star | star | Попробуй | |
| tag | tag | Попробуй | |
| user | Пользователь / Человек | Попробуй | |
| video | Видеокамера | Попробуй |