Bootstrap：无法关闭模态

Question

我正在测试此website，正如您所看到的那样是一个“全页”网站。

在第一页中，我有一个连接到Modal的按钮，但是当打开时无法关闭它，我意识到它符合整个网站的高度，而不是实际的页面。

我该如何解决？

使用Wordpress + Bootstrap构建网站，我使用了“Fullpage.js”方法

Answer 1

将一个点击处理程序附加到正文或X并调用

$('.modal').modal('hide')

这将关闭所有模态，所以要小心。使用模式

的唯一ID

Answer 2

你的亲密＆＃39; X＆＃39;模态右上角的按钮位于沿顶部运行的不可见的固定定位元素后面，即：

<div class="bt-menu-control-sticky">

在core.css中：

.bt-menu-control-sticky{z-index:999999;}

您需要使模态具有比此更高的z-index值，无论您将其设置为什么，还是更改模态的位置。如果此问题元素设置为z-index: 0，我可以看到您的关闭按钮正在工作。