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函數，該函數應使該按鈕充當“后退”按鈕：

$(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);
}