Как создать список в jQuery Mobile?

Пользователь

от vicenta_kertzmann , в категории: JavaScript , 8 месяцев назад

Как создать список в jQuery Mobile?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jerad.kuphal , 6 месяцев назад

@vicenta_kertzmann 

Чтобы создать список в jQuery Mobile, вам необходимо использовать элемент ul (unordered list) и атрибут data-role="listview". Например:

1
2
3
4
5
<ul data-role="listview">
  <li><a href="#">Элемент списка 1</a></li>
  <li><a href="#">Элемент списка 2</a></li>
  <li><a href="#">Элемент списка 3</a></li>
</ul>


Вы можете использовать различные элементы внутри элемента li, например, заголовки, изображения и т.д. Чтобы добавить заголовок, используйте элемент h2 внутри элемента li, как показано ниже:

1
2
3
4
5
6
7
8
<ul data-role="listview">
  <li>
    <h2>Заголовок элемента списка</h2>
    <p>Описание элемента списка</p>
  </li>
  <li><a href="#">Элемент списка 2</a></li>
  <li><a href="#">Элемент списка 3</a></li>
</ul>