Question

我有一个问题，当我在我的模态弹出窗口中确认某些内容时，我希望它关闭但它会一直显示在我的屏幕上。

这是我的代码：

$(function() {
  $('#ModalDeleteButton').on("click", function(e) {
    var token = $('input[name="__RequestVerificationToken"]').val();
    $.post("/Student/Delete/", {
        __RequestVerificationToken: token,
        id: id
      },
      function(data) {
        $('#myModal .close').click();
        var baseurl = '@Url.Action("Index")';

        var url = baseurl + "?message=" + data;
        window.location.href = url;

      });
  });
});

这是我在模型poped时删除寄存器的按钮。

：

$('#ModalDeleteButton')

这是关闭弹出窗口的按钮：

$('#myModal .close')

当我点击ModelDeleteButton时，我希望Modal Pop Up关闭，但我无法做到。

Answer 1

您可以使用以下代码

$('#closemodal').click(function() {
$('#modalwindow').modal('hide');
});

或者使用可以使用HTML

<button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span></button>

Answer 2

您应该能够以编程方式关闭模式，方法是调用modal method并传递hide作为参数。

$(function () {

    $(document).on("click", "#ModalDeleteButton", function (e) {

        var token = $('input[name="__RequestVerificationToken"]').val();
        var data= { __RequestVerificationToken: token,
                    id: id
                  };
        $.post('@Url.Action("Delete","Student")',data).done(function() {
            $('#myModal').modal('hide');
            // do other things as needed
        });
    });

});

假设myModal是你的模态div的Id。

Asp.net MVC模式弹出窗口确认后关闭

2 个答案: