Javascript 引导模式重叠菜单

我刚刚在Wordpress网站上的一个按钮上附加了一个引导模式，它工作得很好

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

我尝试过一些事情，比如摆弄z索引，还尝试过一起破解脚本：

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

jQuery（文档）.ready（函数（）{
jQuery（'#subscribe'）.modal（'hide'））
});

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

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

---

谢谢你的帮助

好的，我找到了解决办法

您必须添加一个名为

hide

的类。因为

fade

功能是设置

div的
opacity:0
。所以它只是隐藏在页面的前面

所以你的线路应该是

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



有关更多详细信息，请访问
将您的模式与此进行比较，如果您的代码与此匹配，则应能正常工作

<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>


标题
身体
接近
页面加载“我看不见模型”框时。当我点击“注册”按钮时，模型框现在出现。请现在试一试，当页面加载时，SelvaI无法看到模型。你能点击“博客”导航项目吗？你的屏幕有多大？是的现在我发现了错误