我正在使用Twitter引导模态对话框。当我点击引导模式对话框的提交按钮时，它会发送一个AJAX请求。我的问题是情态背景并没有消失。模态对话框确实消失了，但是“模态背景”在屏幕上创建的不透明度仍然存在
我该怎么办?
当前回答
另一个可能导致这个问题的错误，
确保你没有在页面中不止一次地包含bootstrap.js脚本!
其他回答
updatepanel issue。
我的问题是由于更新面板的位置。我在更新面板上有整个模式。如果你在更新面板之外声明了模态在更新面板中只有模态主体，那么 $ (' # myModalID ') .modal(隐藏的); 工作。
从https://github.com/twbs/bootstrap/issues/19385
Modal的显示/隐藏方法是异步的。因此，代码如下: foo.modal(“隐藏”);bar.modal(“秀”);是无效的。你需要等待 实际完成的显示/隐藏(通过侦听 显示/隐藏事件;看到 http://getbootstrap.com/javascript/#modals-events) 再次显示或隐藏方法。
我有这个问题时，我打开相同的模式两次太快，所以一个简单的解决方法是检查它是否已经显示，然后不显示它再次:
$('#modalTitle').text(...);
$('#modalMessage').text(...);
if($('#messageModal').is(':hidden')){
$('#messageModal').modal('show');
}
对我来说，最好的答案是。
<body>
<!-- All other HTML -->
<div>
...
</div>
<!-- Modal -->
<div class="modal fade" id="myModal">
...
</div>
模式标记放置 始终尝试将模态的HTML代码放在文档的顶层位置，以避免其他组件影响模态的外观和/或功能。
从这个SO答案
在应用了最高评级的解决方案后，我有一个问题，它打破了将来情态动词正确打开。我已经找到了我的解决方法
element.on("shown.bs.modal", function () {
if ($(".modal-backdrop").length > 1) {
$(".modal-backdrop").not(':first').remove();
}
element.css('display', 'block');
});
在模式中的任何按钮上添加data-dismiss="modal"对我来说都很有效。我想让我的按钮调用angular函数来触发ajax调用并关闭模态，所以我在函数中添加了.toggle()，它工作得很好。(在我的情况下，我使用了一个bootstrap模态和使用一些角，而不是一个实际的模态控制器)。
<button type="button" class="btn btn-primary" data-dismiss="modal"
ng-click="functionName()"> Do Something </button>
$scope.functionName = function () {
angular.element('#modalId').toggle();
$.ajax({ ajax call })
}
推荐文章
- 如何以编程方式触发引导模式?
- 如何使用Twitter的Bootstrap内联显示列表
- 引导中心垂直和水平对齐
- 我如何使象形文字更大?(改变大小?)
- 引导3两列全高
- 在点击时更改Twitter引导提示内容
- 如何隐藏元素使用Twitter引导和显示它使用jQuery?
- Twitter引导远程模式每次都显示相同的内容
- 字体真棒不工作，图标显示为正方形
- 重置select2值并显示占位符
- 如何在Redux中显示执行异步操作的模态对话框?
- 如何在推特引导3中心按钮?
- 最好的方法禁用按钮在Twitter的引导
- ' aria- labels by '和' aria-hidden '是什么属性
- 在页面加载上启动引导模式
