Лучшее руководство по JQuery Мобильный список контента в 2024 году. В этом руководстве вы можете изучить значок JQuery Mobile Список,примеров,значок 16x16,примеров,JQuery Мобильный список миниатюр,примеров,примеров,значок JQuery Mobile Список,примеров,кнопка Split,примеров,примеров,Bubble Digital,примеров,Другие примеры,
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>
Попробуйте »
Примечание: Правильное отображение цифрового пузыря, вы должны изменить программирование. Это будет объяснено в последующих главах.
Другие примеры
список Поп
Как создать список поп-музыки
Изменить значок ссылки по умолчанию элементы списка в
Как установить элементы списка значков ссылку по умолчанию (по умолчанию со стрелкой вправо).
Складывающийся список поп
Как создать разборную список поп-музыки.
Список складная
Как создать список показать / скрыть.
Другие форматы
Как создать календарь.
