Контент Списка jQuery Mobile
Для создания контента (наполнения) списка в jQuery Mobile используется обычная HTML разметка, но также имеются и специальные средства оформления.
Миниатюры Списка jQuery Mobile
Для изображений, больше чем 16x16px, добавьте элемент <img> в ссылку.
jQuery Mobile будет автоматически масштабировать изображение к 80x80px:
Используйте стандартный HTML, чтобы заполнить список информацией:
Значки Списка jQuery Mobile
Чтобы добавить значок 16x16px к Вашему списку, добавьте класс "ui-li-icon" к элементу <img>:
Разделите Кнопки
Чтобы создать разделенный список с вертикальной полосой разделителя, поместите две ссылки в элемент <li>.
jQuery Mobile автоматически стилизует вторую ссылку как значок в виде голубой стрелки, и текст в ссылке (если присутствует) будет показываться, когда пользователь наводит указатель на значок:
Давайте добавим некоторые страницы и диалоговые окна, чтобы сделать ссылки более функциональными:
Пузыри Количества
Пузыри количества используются, чтобы вывести на экран числа, связанные с элементами списка, такие как сообщения в почтовом ящике:
Чтобы добавить пузыри количества, используйте встроенный элемент, такой как <span>, с классом "ui-li-count" и добавьте число:
Отметьте: Чтобы показать корректное число в пузыре количества, оно должно обновляться программно. Это будет объяснено в более поздней статье.
Еще Примеры
Измените значок ссылки по умолчанию для элементов списка
Как установить различные значки ссылки для элементов списка (стрелка вправо - значение по умолчанию).
Складные списки
Как создать списки, которые скрывают и показывают контент.
Больше форматирования контента
Как сделать календарь.
