Question

I have the following header:

<div data-theme="b" data-role="header" data-add-back-btn="true" data-back-btn-text="Back" data-position="fixed">
    <h3>Title</h3>

    <a data-role="button" data-transition="fade" data-theme="c" data-rel="back" href="" data-direction="reverse"
        data-icon="arrow-l" data-iconpos="left" class="ui-btn-left"
    > Back </a>

    <a data-role="button" data-transition="fade" data-theme="c"
        href="#page2" data-icon="arrow-r" data-iconpos="right"
        class="ui-btn-right ui-disabled"
    > Next </a>
</div>

The back button doesn’t go back. If I set it to "" or "#", it redirects to my home page. If I don’t have the href attribute, clicking the button does nothing.

What am I doing wrong here?

Thanks!

Answer 1

When in doubt, revert to the basics.

    events : {
        "click .back" : "back"
    },

    back : function() {
        window.history.back();
    },