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

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

от vicenta_kertzmann , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jerad.kuphal , 2 года назад

@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>


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

от jeremy_larkin , 9 месяцев назад

@vicenta_kertzmann 

Кроме того, вы можете также добавить различные атрибуты к элементам списка, чтобы настроить их внешний вид или функциональность. Например, для создания разделителя между элементами списка, вы можете добавить атрибут data-role="list-divider" к элементу li, как показано ниже:


Таким образом, вы можете легко создавать и настраивать списки с помощью функционала jQuery Mobile.