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

当浏览器窗口缩小为移动大小时，引导菜单在单击菜单项后消失并且仅在浏览器窗口展开或缩小后才会重新出现。单击菜单项后，引导菜单消失

当检查在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>

我也在想，有可能是模板和/或插件之间的一些冲突，但有这么多的插件，我不知道去有关解决最简单的方法。

如果有人可以弄清楚这个或给我指示，谢谢！

来源

2015-10-08 R Cabardo

当你点击一个菜单项时，'nav-collapse'元素被完全删除，可能是你javascript中的东西。 – APAD1

另外，你正在加载大量的Javascript，包括2个不同版本的jQuery，可能想要清理它。 – APAD1

in http://bento.cdn.pbs.org/hostedbento-prod/filer_public/_bento_media/passport/js/menu.js有一个函数叫fitNavigation（）（第66行）。它似乎需要添加该移动菜单。它在文档准备好时被调用，但仅用于非移动设备 - 检查行318-326。它也调用调整大小（行349）。这就是为什么当你调整大小以查看它时。如果您在移动模式下刷新浏览器，您将永远不会看到该菜单的初始状态，只有在稍微调整大小或者在桌面模式下加载页面并调整到移动设备后才会看到该菜单。希望有所帮助！

来源

2015-10-08 17:08:59 Hristo

谢谢你的回应。我明白你指的是什么，但我该如何解决？调用fitNavigation（）如果移动且不移动？ –

在我看来，你应该把它叫做手机。但是，如果不知道这个js的一般概念，我不能100％说出。你应该更清楚它应该如何工作。试着把它从文档准备好（row318）的检查中拿出来，并在它之后调用它。 – Hristo

另一种选择是在模板中使用标记，而不是从javascript中附加标记。 – Hristo

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

回答

相关问题