JQuery后退按钮（转到空白页面）

Question

我已经实现了一个按钮：

<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>

使用JavaScript功能，使按钮充当＆＃34;返回＆＃34;按钮：

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

此刻我所有的测试都是两页之间的过渡，按钮在前三个过渡时工作正常。在第三个转换，而不是返回一个页面，它转到一个空白页（我相信这是由我的IDE，NetBeans创建的）。当我使用控制台调用window.history.back()时，它可以很好地转换，并且没有任何问题。我的问题是，如果按钮与window.history.back()通话之间存在一些互动，那么男性就会转到空白页

Answer 1

为确保您不会被带回空白页面，请先检查历史记录是否确实存在，然后才能回复：

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