单击菜单项后,引导菜单消失

时间:2015-10-08 16:38:02

标签: html css twitter-bootstrap navbar

当浏览器窗口缩小为移动大小时,单击菜单项后Bootstrap菜单消失,仅在浏览器窗口展开或缩小后重新显示。

link to live site

在Chrome浏览器中检查元素时,我注意到当菜单不可见时,以下html消失,当菜单可见时显示。

<div class="fake-bg" style="height: 928px;"></div>
<div class="nav-collapse collapse">
    <ul class="nav clearfix btn-gpup" style="">
    <div class="shadow"></div>
</div>

我也在想模板和/或插件之间可能存在一些冲突,但是有很多插件我不知道最简单的方法来解决这个问题。

如果有人能想出来或给我指示,谢谢!

1 个答案:

答案 0 :(得分:0)

http://bento.cdn.pbs.org/hostedbento-prod/filer_public/_bento_media/passport/js/menu.js中的

有一个名为fitNavigation()的函数(第66行)。它似乎需要添加移动菜单。它在文档就绪时调用,但仅适用于非移动设备 - 检查行318 - 326。它也调用大小调整(第349行)。这就是为什么当你调整大小来看它时。如果您在移动模式下刷新浏览器,您将永远不会看到该菜单的初始化,只有在稍微调整大小后或者在桌面模式下加载页面然后调整大小到移动设备时才会看到它。希望有所帮助!