jQuery Mobile調試頁面重定向

Question

單擊按鈕，即可在jQuery移動應用程序中以編程方式更改頁面。 這是我正在使用的代碼：

 $("#paymentConfrim").click(function() {
   $( ".paymentDetailForm" ).submit(function( event ) {
   if(!validatePaymentDetailForm()){ // if false comes from validation
      return false;
  }
  else{
      // I'm using changePage instead of jQuery pagecontainer widget as I'm using older version of jQuery mobile
      $.mobile.changePage( "#submissionConfirmation", {} );
     return true;
   }
 });

該頁面已成功更改，但是一秒鍾或不到一秒的時間，該應用程序將返回首頁。 由於應用程序很大，有很多舊代碼，因此我無法確定是什么代碼導致了頁面更改。 由於它發生在幾毫秒后，我懷疑是有一些setTimeOut函數引起的。

盡管頁面已更改為主頁，但奇怪的是，URL與#submissionConfirmation頁面相同，即localhost/mypage.html#submissionConfirmation

如何調試並確切知道是什么JavaScript代碼導致了該重定向？

Answer 1

重新加載是由提交的表單引起的。 您需要通過將event.preventDefault()作為處理程序中的第一件事來防止默認的表單提交行為。

$(".paymentDetailForm").submit(function(event) {
    event.preventDefault();

});