jQuery后退按钮（转到空白页）

Question

I have implemented a button:

<ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
    <li class="ui-body ui-body-b ui-li-static ui-body-inherit ui-last-child">
        <fieldset class="ui-grid-a">
            <div class="ui-block-b"><button id="submitButton" type="submit" class="ui-btn ui-btn-a ui-corner-all">Submit</button></div>
            <div class="ui-block-b"><button id="cancelButton" data-direction="reverse" type="button" class="ui-btn ui-btn-a ui-corner-all">Cancel</button></div>
        </fieldset>
    </li>
</ul>

with accompaning JavaScript function that should make the button act as a "back" button:

$(document).on( 'click', '#cancelButton', function() { 
      window.history.back();
});

All I'm testing at the moment is a transition between two pages, and the button works fine for the first three transitions. On the third transition, instead of going back one page, it goes to a blankpage (I believe this is created by my IDE, NetBeans). When I use the console to call window.history.back() it transitions nicely and does not have any issues whatsoever. My question is if there is some interaction between the button and the window.history.back() call that males it go to a blankpage

Answer 1

To make sure that you're not taken back to the blank page, check if history really exists before firing back action:

if (history.length > 1) {
    history.go(-1);
}