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

无论页面加载如何，都会继续显示Jquery模式

1 个答案: