Как добавить иконку к элементу списка в jQuery Mobile?

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

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

Как добавить иконку к элементу списка в jQuery Mobile?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от jerrold_langworth , 10 месяцев назад

@catherine_wintheiser 

Вы можете сделать это, используя классы ui-icon и ui-icon-<название_иконки> для элемента a списка. Например:

1
2
3
4
5
  Home
  About
  Contact Us


В данном примере, каждый элемент списка имеет свою иконку, соответствующую классу ui-icon-<название_иконки>:

  • ui-icon-home для дома;
  • ui-icon-info для информации;
  • ui-icon-phone для телефона.


Вы также можете использовать другие классы ui-icon, чтобы изменить размер, цвет иконки, а также её положение относительно текста. Например, ui-icon-shadow добавит тень или ui-icon-alt изменит цвет на альтернативный.