javascript - Bootstrap 模态重叠菜单

Question

我刚刚将 Bootstrap 模式附加到 Wordpress 网站上的按钮，并且效果很好。

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

我尝试了一些事情，比如摆弄 z-index，还尝试一起破解脚本:

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

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

这是我的网站。如果您尝试在笔记本电脑或更小的屏幕上单击“博客”链接，则无法单击，因为它被模式隐藏了:

http://jackalopemedia.com/jasontreu

感谢任何帮助!

Answer 1

好的，我找到了解决方案

您必须添加一个名为hide 的类。因为fade功能是设置div的opacity:0。所以它只是隐藏在页面前面。

所以你的线路应该是

<div id="subscribe" class="modal hide fade" role="dialog">

更多详情请访问bootstrap