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

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

от marshall.cummings , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от clement.erdman , 9 месяцев назад

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


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

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

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

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