繼續顯示Jquery模式而不考慮頁面加載

Question

我是jQuery的新手。 我試圖在上傳按鈕上單擊顯示jQuery模式，但由於頁面加載，此模式立即消失。我只想在模態中的按鈕被點擊之後，模態消失。 請建議如何繼續在jQuery中顯示模態，而不管頁面加載如何。

的jQuery：

$(document).on("click", "#btnUpload", function() { 
     $("#myModalInvalidRecords").modal("show"); 
     $.ajax({ 
      url: "/Fund/GetInvalidRecords/", 
      type: "post", 
      success: function (res) { 
       alert(res); 
       $("#myModalInvalidRecords").modal("show"); 
      }, 
      error: function() { 
       alert("error"); 
      }, 
      async: false 
     }); 
    }); 

Answer 1

您需要添加return false和e.preventDefault();並停止頁面加載，因爲你正在使用AJAX。以下是更新代碼：

$(document).on("click", "#btnUpload", function(e) { 
    e.preventDefault(); 
    $("#myModalInvalidRecords").modal("show"); 
    $.ajax({ 
    url: "/Fund/GetInvalidRecords/", 
    type: "post", 
    success: function(res) { 
     $("#myModalInvalidRecords").modal("show"); 
    }, 
    error: function() { 
     alert("error"); 
    }, 
    async: false 
    }); 
    return false; 
});