JQuery Мобильный список контента
значок JQuery Mobile Список
По умолчанию каждый элемент списка будет содержать значок со стрелкой "Карат-р" (стрелка вправо). Если вы хотите изменить этот значок, можно использовать атрибут-значок данных:
примеров
<Li> <a href="#"> По умолчанию стрелка вправо </a> </ li>
<Li данных значок = "плюс"> данных значок <a href="#"> = "плюс" </a> </ li>
<Li данных значок = "минус"> <a href="#">-значок данных = "минус" </a> </ li>
<Литий-значок данных = "Удалить"> данных значок <a href="#"> = "удалить" </a> </ li>
<Li данных значок = "место нахождения"> <a href="#"> данных значок = "место нахождения" </a> </ li>
<Li данных значок = "ложных"> <a href="#"> данных значок = "ложь" </a> </ li>
</ UL>
Попробуйте »
 | -Значок данных = "ложь" удалит значок. |
|---|
Более полный иконки Jquery Мобильные кнопки, пожалуйста , посетите наш Jquery мобильных значок Reference Manual .
значок 16x16
Если вы хотите добавить в свой список критериев 16x16px иконку, вы можете добавить элемент <IMG> в элементах списка и использовать категорию "UI-ли-значок":
примеров
<Li> <a href="#"> <IMG SRC = "us.png" Alt = "США" класс = "Пользовательский интерфейс-ли-значок"> США </a> </ li>
</ UL>
Попробуйте »
JQuery Мобильный список миниатюр
Изображения больше, чем 16x16px, добавить элемент <IMG> в ссылке.
JQuery Mobile автоматически масштабирует изображение до 80x80px:
примеров
<li><a href="#"><img src="chrome.png"></a></li>
</ul>
Попробуйте »
Используйте стандартный HTML для добавления списка информации:
примеров
<li>
<a href="#">
<img src="chrome.png">
<h2>Google Chrome</h2>
<p>Google Chrome 免费的开源 web 浏览器。发布于 2008 年。</p>
</a>
</li>
</ul>
Попробуйте »
значок JQuery Mobile Список
В списке <IMG> элемент использует класс = "Пользовательский интерфейс-ли-значок" Добавить 16x16px значок:
кнопка Split
JQuery Mobile в списке, иногда необходимо сделать два различных варианта для содержания операции, а затем, необходимость сегментации вариантов связать кнопку. Метод сегментации заключается в достижении элемента <li>, чтобы добавить элемент <a>, он может добиться эффекта деления страницы.
JQuery Mobile автоматически установит значок синей стрелкой второй линии связи, отображается значок, если текст ссылки (если таковые имеются) в пользователя парит над значком:
примеров
<li>
<a href="#"><img src="chrome.png"></a>
<a href="#">Some Text</a>
</li>
</ul>
Попробуйте »
Добавьте несколько страниц и диалоговых окон, чтобы сделать ссылку более многофункциональной:
примеров
<li>
<a href="#"><img src="chrome.png"></a>
<a href="#download" data-rel="dialog">下载浏览器</a>
</li>
</ul>
Попробуйте »
Bubble Digital
Номера Bubble используются для отображения номера, связанный элемент списка, например, почтового ящика:
Для добавления номера пузырь, используя встроенные элементы, такие как <SPAN>, установите класс "пользовательский интерфейс-ли-граф" атрибут и добавить цифры:
примеров
<li><a href="#">收件箱<span class="ui-li-count" >25</span></a></li>
<li><a href="#">发件箱<span class="ui-li-count" >432</span></a></li>
<li><a href="#">垃圾箱<span class="ui-li-count" >7</span></a></li>
</ul>
Попробуйте »
Примечание: Правильное отображение цифрового пузыря, вы должны изменить программирование. Это будет объяснено в последующих главах.
Другие примеры
список Поп
Как создать список поп-музыки
Изменить значок ссылки по умолчанию элементы списка в
Как установить элементы списка значков ссылку по умолчанию (по умолчанию со стрелкой вправо).
Складывающийся список поп
Как создать разборную список поп-музыки.
Список складная
Как создать список показать / скрыть.
Другие форматы
Как создать календарь.