jqueryjquery-mobilejquery-mobile-button

Icon only back button jQuery Mobile


Within my jQuery Mobile page I programmatically set up my back button to appear on every page that is not the first page by using the following code <div data-role="page" data-add-back-btn="true" id="anid"> what this does is create a back button that have text in it saying back. however I do not want that I want the icon only.

How can this be done in jQuery Mobile


Solution

  • Working example: http://jsfiddle.net/Gajotres/ygmWD/

    $(document).on('pagebeforeshow', function () {
        $.mobile.activePage.find(".ui-header a.ui-btn-left").addClass("ui-btn-icon-notext");
        $.mobile.activePage.find(".ui-header a.ui-btn-left").removeClass("ui-btn-icon-left");
    });