1

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

下面是我尝试使用的 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 文档中得到的，应该可以使用 teh bix，就像 bootstrap 中的其他所有内容一样。

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

4

6 回答 6

6

这个对我有用

$('#popupDelete').modal('toggle');
于 2014-03-04T09:36:17.363 回答
1

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

<div class="modal-body">

在第 3 行。缺少一个“l”

于 2013-08-27T11:28:53.767 回答
0

@dreagan，它可能会发生，例如，当您单击打开按钮时，弹出窗口是动态创建的，因此您可能需要关闭试试这个：

$('#popupDelete').close()

或者

$.modal.close();

请参阅此 如何关闭 jQuery Simplemodal？

于 2013-08-27T11:31:30.720 回答
0

确实有 javascript 与弹出窗口的关闭相冲突。单击父容器时，有一行 javascript 与所有弹出窗口混淆，迫使它们再次打开。

于 2013-08-27T11:55:44.890 回答
0

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

于 2018-03-19T16:48:24.770 回答
-2 
<script>   $('#submit').click( function () {
$('#myModal').modal('hide');     }); </script>
于 2018-01-22T11:00:10.657 回答