Twitter引导模式背景不会消失

我正在使用Twitter引导模态对话框。当我点击引导模式对话框的提交按钮时，它会发送一个AJAX请求。我的问题是情态背景并没有消失。模态对话框确实消失了，但是“模态背景”在屏幕上创建的不透明度仍然存在

我该怎么办?

当前回答

另一个可能导致这个问题的错误，

确保你没有在页面中不止一次地包含bootstrap.js脚本!

2015-10-04 09:46:50

其他回答

在应用了最高评级的解决方案后，我有一个问题，它打破了将来情态动词正确打开。我已经找到了我的解决方法

        element.on("shown.bs.modal", function () {
            if ($(".modal-backdrop").length > 1) {
                $(".modal-backdrop").not(':first').remove();
            }
            element.css('display', 'block');
        });

2018-05-02 12:42:16

$ (' # myModal ') .trigger(“点击”);

这对我很管用。它没有关闭，因为当你打开弹出窗口时，它会触发2或3个模式背景。当你执行$('#myModal')).modal('hide');它只影响一个情态-背景和其余的。

2018-01-17 09:03:47

最近我遇到了这个问题，这里提供的解决方案都没有帮助我。或者它完全摧毁了它，所以它不能再播放。在文档准备也没有工作，但工作的是，我包装我所有的监听器与立即调用的函数，像这样:

$(function () {
    $('#btn-show-modal').click(function () {
        $("#modal-lightbox").modal('show');
    });

    $('#btn-close-modal').click(function () {
        $("#modal-lightbox").modal('hide');
    });
});

2020-06-04 23:49:54

供你参考，如果有人遇到这种情况……我花了大约3个小时发现最好的方法如下:

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

关闭模态的函数非常不直观。

2016-07-28 15:34:03

对我来说，最好的答案是。

<body>
<!-- All other HTML -->
<div>
    ...
</div>

<!-- Modal -->
<div class="modal fade" id="myModal">
    ...
</div>

模式标记放置始终尝试将模态的HTML代码放在文档的顶层位置，以避免其他组件影响模态的外观和/或功能。

从这个SO答案

2018-03-13 23:20:11

Twitter引导模式背景不会消失

推荐文章

最新文章

标签