Bootstrap - Modal在隐藏时保持“display：block”

Question

我的网络应用程序中有一个引导模式，即使我启动myModal.modal('close');也会继续显示。我很担心这个奇怪的问题。

约十分之一，我有display: block;关闭之后。模态被正确隐藏，因为我不能再看到它，但它覆盖了整个页面，我无法点击任何东西。

我试图处理关闭：

$('#myModal').on('hidden.bs.modal', function () {
  $(this).css('display', 'none !important');
})

这不起作用，模态div仍然有style="display: block;"

Answer 1

尝试这些并让我知道它们是否有效。

$('selector').css('z-index', '-999');
$('selector').css('margin-left', '-50000');
$('selector').css('margin-top', '-50000');

Answer 2

我的第一个问题是：你有一个自定义样式表，你可能会覆盖#myModal的样式吗？如果是这样，请努力解决这个问题。

我的第二个问题是：您使用的是什么版本的Bootstrap？我在2012年看到过与此类似的错误。如果可能，请升级到最新版本的Bootstrap（3.3.4）。

我的第三个问题是：你点击什么才能结束？它是关闭按钮（type =“button”class =“close”）还是带有data-dismiss =“modal”属性的按钮？

如果关闭按钮，只要页面上没有其他模态，您就可以尝试这个：

$(".close").on( "click", function() {
    $("#myModal").hide();
});

这也许值得一试（但不是推荐的方法）：

$("#myModal").on("hide",function(){
    $("#myModal").css("display", "none");
});

最终，我同意需要Amit和Yerko的演示，因为这看起来很奇怪。我从来没有碰过这样的事情，而且我已经使用过bootstrap很长一段时间了。