Question

我只是将一个bootstrap模式附加到Wordpress网站上的一个按钮，它运行得很好。

但问题是，当模式第一次处于非活动状态时，模态会隐藏导航菜单（特别是“博客”链接）。打开模态并将其关闭后，模态消失，菜单工作正常。

我尝试过一些事情，比如摆弄z-index，还尝试了一起编写脚本：

<script>
jQuery(document).ready(function() {
  jQuery('#subscribe').modal('hide') 
});
</script>

到目前为止，没有骰子。但也许你可以从脚本中看出，我只是想在页面加载时将模态置于隐藏状态，并且只在单击按钮时调用它。

这是我的网站。如果您尝试单击笔记本电脑或较小屏幕上的“博客”链接，则不能，因为它隐藏在模式中：

http://jackalopemedia.com/jasontreu

感谢任何帮助！

Answer 1

好的，我找到了解决方案

您必须添加名为hide的班级。因为fade函数用于设置opacity:0的{{1}}。所以它只是隐藏在页面的前面。

所以你的行应该是

div

有关详细信息，请访问bootstrap

Answer 2

将您的模态与此进行比较，如果您的代码与此匹配，它应该正常工作。

<div class="modal fade hide" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h2>Title</h2>
</div>
<div class="modal-body">
<span>body</span>
</div>
<div class="modal-footer">
<span id="spanbtnclode" > <button type="button" class="btn btn-default" data-dismiss="modal">Close</button></span>
</div>
</div>
</div>
</div>

Bootstrap Modal Overlaps菜单

2 个答案: