Question

我在使用bootstrap模式弹出窗口时遇到问题。调用弹出窗口没有问题，但尝试关闭它会产生奇怪的结果。弹出窗口隐藏了，但是添加了另一个背景，使屏幕几乎变黑，而不是隐藏弹出窗口并移除背景幕。原始背景不会被删除。

以下是我尝试使用的HTML代码

<div id="popupDelete" class="modal hide fade" role="dialog">
    <div class="modal-header">delete transaction line?</div>
    <div class="moda-body">
        <button id="deleteYes">yes</button>
        <button class="cancelButton" data-dismiss="modal">no</button>
    </div>
</div>

这是我从bootstrap 2.3文档中得到的，应该可以解决这个问题，就像bootstrap中的其他内容一样。

我也尝试使用带有$('#popupDelete').modal('hide');功能的javascript，效果相同。

Answer 1

这个对我有用

$('#popupDelete').modal('toggle');

Answer 2

我不确定这是否会导致问题，但是有一个错字。这是

<div class="modal-body">

第3行

缺少“l”

Answer 3

确实javascript与弹出窗口的关闭相冲突。当点击父容器时，有一行javascript混乱所有弹出窗口，强制它们再次打开。

Answer 4

@dreagan，可能会发生这种情况，例如，当你点击打开按钮时，弹出窗口是动态创建的，所以你可能需要关闭试试这个：

$('#popupDelete').close()

OR

$.modal.close();

参考这个 How do you close a jQuery Simplemodal?

Answer 5

尽可能将模态HTML放在顶层位置，以避免来自其他元素的潜在干扰。将.modal嵌套在另一个固定元素中时，您可能会遇到问题。

Answer 6

<script>   $('#submit').click( function () {
$('#myModal').modal('hide');     }); </script>

bootstrap模态弹出窗口没有关闭

6 个答案: