Latest web development tutorials

JQuery Mobile List View



JQuery Mobile List View

JQuery Mobile в представлении списка представляет собой стандартный список HTML, упорядоченных (<ол>) и неупорядоченные (<уль>).

JQuery Mobile в списке является мощным средством. Это сделает стандартный неупорядоченный или упорядоченный список более широко. Применение метода заключается в том, чтобы добавить данные-роль = "ListView" свойство уль или ола тегов. Добавить ссылку на каждый элемент (<li>), пользователь может щелкнуть на нем:

примеров

<ol data-role="listview" >
<li><a href="#">列表项m</a></li>
</ol>

<ul data-role="listview" >
<li><a href="#">列表项</a></li>
</ul>

Попробуйте »

Стиль списка и закругленные края, использование данных-врезке установлен = "истинный" атрибут:

примеров

<ul data-role="listview" data-inset="true" >

Попробуйте »

лампа По умолчанию, связанный элемент списка автоматически становится кнопки (без "Кнопка" данных ролей =).


разделителями список

Элементы списка могут быть включены в список пункт Разбить, организовывать списки, элементы списков в группы.

Сегментация указано список, чтобы элемент списка <li> элемент для добавления данных-роли = "список-разделитель" свойство:

примеров

<ul data-role="listview">
<li data-role="list-divider" >欧洲</li>
<li><a href="#">法国</a></li>
<li><a href="#">德国</a></li>
</ul>

Попробуйте »

Если у вас есть алфавитный список (например, телефонная книга) по <ол> или <UL> Элемент данных-autodividers = "истинный" набор атрибутов может быть настроен для автоматического создания разделов проекта:

примеров

<ul data-role="listview" data-autodividers="true" >
<li><a href="#">Adele</a></li>
<li><a href="#">Agnes</a></li>
<li><a href="#">Billy</a></li>
<li><a href="#">Calvin</a></li>
...
</ul>

Попробуйте »

лампа данных-autodividers = "истина" может быть сконфигурирован для автоматического создания отделенных элементов. По умолчанию текст с разделителями для создания заглавной буквы это первый текст элемента списка.

примеров

Другие примеры

Только для чтения список
Как создать список без ссылок (не кнопка не кликабельна).

панель
Как вставить панель в списке