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

@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

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

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

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