我正在使用Twitter引导模态对话框。当我点击引导模式对话框的提交按钮时，它会发送一个AJAX请求。我的问题是情态背景并没有消失。模态对话框确实消失了，但是“模态背景”在屏幕上创建的不透明度仍然存在
我该怎么办?
当前回答
在ASP。，在UpdatePanel后面的代码上添加一个更新 jquery命令。例子:
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "myModal", "$('#myModal').modal('hide');", true);
upModal.Update();
其他回答
我也有同样的问题。我发现这是由于Bootstrap和JQueryUI之间的冲突。
两者都使用“close”类。改变其中一个类可以解决这个问题。
数据背景属性的初始值可以是
“静态”、“真”、“假”。
Static和true添加模态阴影，而false禁用阴影，所以你只需要在第一次点击时将这个值更改为false。是这样的:
$(文档)。(“准备好”,函数(){ var计算= 0; $ (' # id-which-triggers-modal ')。(“点击”,函数(){ 如果(数> 0){ (美元).attr(“data-backdrop”,“假”) ｝ 数+ +; })； })；
我在提交表单时也遇到了同样的问题。解决方案是将按钮类型从submit更改为button，然后处理按钮单击事件，如下所示:
'click .js-save-modal' () {
$('#myFormId').submit();
$('#myModalId').modal('hide');
}
在动作按钮中插入:
data-backdrop="false"
and
data-dismiss="modal"
例子:
<button type="button" class="btn btn-default" data-dismiss="modal">Done</button>
<button type="button" class="btn btn-danger danger" data-dismiss="modal" data-backdrop="false">Action</button>
如果你输入这个data-attr， .modal- background将不会出现。 关于它的文档在这个链接:http://getbootstrap.com/javascript/#modals-usage
在。net MVC4项目中，我在Ajax中有模态弹出(bootstrap 3.0)。BeginForm(OnComplete = "addComplete"[额外的代码删除])。在“addComplete”javascript中，我有以下代码。这解决了我的问题。
$（'#moreLotDPModal'）.hide（）; $（“#moreLotDPModal”）.data（'bs.modal'）.isDisplay= false; $（'body'）.removeClass（'modal-open'）; $（'.modal-backdrop'）.remove（）; $（'#moreLotDPModal'）.removeClass（“in”）; $（'#moreLotDPModal'）.attr（'aria-hidden'， “true”）;
