jQuery Mobile - back button

Question

I am developing the application using jQuery Mobile 4 1   In my app  I have two html pages like login html and home html  In the home html have 3 pages     like menupage  searchpage  resultpage    The project flow is login html ---  home html  In home html  menupage is displayed as a first page  If I choose the some option in the menupage it will move to searchpage and then resultpage  consider  currently I am in the resultpage  If I press the back button on the mobile browsers  iPhone-safari  Android-chrome  then it moves to the login html    But I want to display the searchPage  How to solve this one  is it possible to do this     Note   The pages should be in the single html page home html

User · Accepted Answer

use the attribute data-rel  back  on the anchor tag instead of the hash navigation  this will take you to the previous page  Look at back linking  Here

User · Answer

Newer versions of JQuery mobile API  I guess its newer than 1 5  require adding  back  button explicitly in header or bottom of each page   So  try adding this in your page div tags   data-add-back-btn  true  data-back-btn-text  Back    Example    lt div data-role  page  id  page2  data-add-back-btn  true  data-back-btn-text  Back  gt

User · Answer

This is for version 1 4 4     lt div data-role  header   gt           lt h1 gt CHANGE HOUSE ANIMATION lt  h1 gt           lt a href     data-rel  back  class  ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all   data-role  button  role  button  gt Back lt  a gt       lt  div gt

User · Answer

try    document  ready function           mybutton   click function            parent history back            return false                or     document  ready function           mybutton   click function            parent history back

User · Answer

You can use nonHistorySelectors option from jquery mobile where you do not want to track history  You can find the detailed documentation here http   jquerymobile com demos 1 0a4 1  docs api globalconfig html

User · Answer

You can try this script in the header of HTML code    lt script gt       extend     mobile        ajaxEnabled  false     hashListeningEnabled  false         lt  script gt

User · Answer

try to use li can be more even    lt ul gt    lt li gt  lt a href   one   data-role  button  role  button  gt back lt  a gt  lt  li gt    lt  ul gt

[jquery-mobile] jQuery Mobile - back button

Examples related to jquery-mobile