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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от johnpaul.blick , год назад

@terrence 

Для создания кнопки в jQuery Mobile необходимо использовать элемент <a> с атрибутом data-role="button". Пример:

1
Кнопка


Этот код создаст кнопку, выглядящую как стандартная кнопка на мобильных устройствах. Для добавления иконки к кнопке, необходимо использовать атрибут data-icon:

1
Кнопка


Также можно добавить иконку слева или справа от текста кнопки, используя атрибуты data-iconpos="left" или data-iconpos="right":

1
Кнопка


Для изменения цвета кнопки можно использовать атрибуты data-theme="a" (для стандартной темы), data-theme="b" (для альтернативной темы) и т.д.:

1
Альтернативная кнопка


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

от kenya , месяц назад

@terrence 

Дополнительно, вы можете добавить кнопке всплывающую панель (popup) при нажатии на нее. Для этого используйте атрибут data-rel="popup" и id панели, которую вы хотите отобразить:

1
2
3
4
5
<a href="#myPopup" data-rel="popup" data-transition="pop">Показать панель</a>

<div data-role="popup" id="myPopup">
  <p>Это всплывающая панель</p>
</div>


При нажатии на кнопку "Показать панель" будет отображена всплывающая панель с текстом "Это всплывающая панель".