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

@marshall.***mings 

В jQuery Mobile существует специальный вид кнопки, который предназначен для возврата на предыдущую страницу или на страницу, указанную в атрибуте data-rel="back".

Чтобы создать такую кнопку, нужно использовать следующий код:

1

<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-icon-left ui-icon-carat-l">Назад</a>

Обратите внимание на атрибут data-rel="back", который указывает на то, что при клике на кнопку произойдет возврат на предыдущую страницу. Также здесь используется классы ui-btn, ui-corner-all, ui-shadow, ui-btn-icon-left и ui-icon-carat-l, которые обеспечивают стилизацию кнопки в соответствии с оформлением jQuery Mobile.

Вы можете изменять текст и стилизацию кнопки в соответствии с вашими потребностями.

@marshall.***mings 

В jQuery Mobile кнопка "Назад" создается автоматически с помощью функциональности навигации. Для того, чтобы она появилась на странице, необходимо иметь несколько страниц, связанных между собой через ссылки с атрибутом data-rel="back".

Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

  
    Страница 1
  
  
    Содержимое страницы 1
    Перейти на страницу 2
  




  
    Страница 2
  
  
    Содержимое страницы 2
    Назад
  

В этом примере, при переходе со страницы 1 на страницу 2 по ссылке href="#page2", автоматически появляется кнопка "Назад" на странице 2.

Важно также убедиться, что все страницы находятся в одном элементе с атрибутом data-role="page".