Hiding “Back” button in jquery mobile framework

This post is for users who have already used previous versions of jquery mobile framework during their development and are stuck with the default “Back” button when data-role=”header” is used.

In case of jquery mobile Alpha 3, here is the syntax:

<div data-role="header" data-backbtn="false">

 

Below syntax is for Alpha2:

<div data-role="header" data-nobackbtn="true">

 

Once the back button is removed, there’s a way to add it back in their respective pages.

<a href=”#” class=”ui-btn-left ui-btn-back” data-icon=”arrow-r”>Back</a>

where arrow-r helps in including an icon with right arrow.

Advertisement