【问题标题】:Bootstrap 4 Modal backdrop remains after Modal is closed模态关闭后,Bootstrap 4 模态背景仍然存在
【发布时间】:2018-01-10 22:43:21
【问题描述】:

大家好,我在 Razor 视图中使用 Bootstrap 4 Modal,当我单击该链接时,在该 Modal 中有一个链接,会进行 Ajax 调用,在该 Ajax 调用之前,我使用以下代码关闭模式:

$("#oppDateModal").modal('hide');

一切正常,但是当我单击链接时,进行 ajax 调用时,模态已关闭,但页面仍在后台,就像模态仍处于打开状态一样。

这是Modal关闭后的页面截图,奇怪的是行为发生了变化,有时候Modal关闭后页面会恢复正常状态,有时候会停留在后台。

有谁知道这个问题以及如何解决它??

【问题讨论】:

    标签: bootstrap-modal bootstrap-4


    【解决方案1】:

    我通过添加这段代码解决了这个问题:

    $("#oppDateModal").modal('hide');
        $("#oppDateModal").hide();
        $('.modal-backdrop').hide();
        $("body").removeClass("modal-open");
    

    【讨论】:

    • 这行得通,但是当我试图重新打开同一页面上的模态时,只有覆盖不是模态
    【解决方案2】:

    使用

    location.reload(); 
    

    隐藏模态后。这将自动重新加载页面

    如果您不想重新加载页面 使用

    $('.modal-backdrop').remove(); 
    

    这将删除背景

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-07-08
      • 2020-08-27
      • 1970-01-01
      • 2018-03-05
      • 2015-08-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多