Javascript 引导:can';t关闭模式
我正在测试这个,正如你所看到的,这是一个“完整页面”的网站 在第一个页面中,我有一个连接到模式的按钮,但当它打开时就不可能再关闭它了,我意识到它适合整个网站的高度,而不是实际页面 我怎样才能修好它Javascript 引导:can';t关闭模式,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我正在测试这个,正如你所看到的,这是一个“完整页面”的网站 在第一个页面中,我有一个连接到模式的按钮,但当它打开时就不可能再关闭它了,我意识到它适合整个网站的高度,而不是实际页面 我怎样才能修好它 该网站是使用Wordpress+Bootstrap构建的,我使用了“”方法,将一个点击处理程序附加到body或X并调用 $('.modal').modal('hide') 这将关闭所有模态,因此要小心。为模态使用唯一id模态右上角的关闭“X”按钮位于沿顶部运行的不可见固定定位元素后面,即: <
该网站是使用Wordpress+Bootstrap构建的,我使用了“”方法,将一个点击处理程序附加到body或X并调用
$('.modal').modal('hide')
这将关闭所有模态,因此要小心。为模态使用唯一id模态右上角的关闭“X”按钮位于沿顶部运行的不可见固定定位元素后面,即:
<div class="bt-menu-control-sticky">
无论您将其设置为什么,您都需要使模态的z索引值高于此值,或者更改模态的位置。如果将此问题元素设置为
z-index:0
,我可以看到您的关闭按钮正在工作,这就是为什么单击没有到达模态DOM元素的原因。在我看来,这是一个z-index问题。使用inspector并玩一些z索引样式。×;
.bt-menu-control-sticky{z-index:999999;}