javascript - 关闭 Bootstrap 模式后无法单击任何内容

标签 javascript jquery twitter-bootstrap

我有一个通过 javascript 打开的 Bootstrap 模式:

$('#myModal').modal('show');
$('.modal-content').load("page.html");

为了关闭模式,我触发以下代码:

$("div#myModal.modal.fade").trigger("click");

我的问题是,当模式关闭时,页面中的任何内容都无法再次单击。

有什么想法吗?

最佳答案

问题是因为您只是隐藏了模态 UI,而没有清除模态后面的覆盖层来捕获鼠标事件并停止它们。

要执行您需要的操作,请使用 Bootstrap 的内置方法来关闭模式,而不是触发 .fade 元素上的点击:

$('#myModal').modal('hide')

关于javascript - 关闭 Bootstrap 模式后无法单击任何内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45167624/

相关文章:

javascript - 如何使用 jQuery 读取 CSS 内容值?

javascript - Chrome 扩展程序 : Insert text into textfield when clicking button in pop-up

javascript - 使用 Bootstrap 弹出窗口作为模式

javascript - 在窗口调整大小更改 chrome 中的 div 高度

javascript - 在 href 中调用 Ajax 请求函数

javascript - 一个 grunt 的替代方案——编译 sass 和 minify JS

javascript - 获取可拖动对象相对于 div 的位置

javascript - js 的 linq : how to get cartesian product of multiple arrays

html - 损坏的 HTML 表格

javascript - 获取已删除元素的 'top' 位置属性时出错