jquery - Wordpress Bootstrap 主题响应式下拉菜单

Question

我使用 bootstrap wordpress 主题，但在响应模式下下拉菜单无法正确显示。

如果您打开菜单，请单击父菜单，然后关闭菜单并再次打开它会起作用，但它不会第一次起作用。快把我逼疯了。这是实时代码的链接http://kylegoslan.co.uk

任何想法表示赞赏，谢谢。

Answer 1

在第一次导航切换单击时，高度 on.nav-collapse与 JS 内联设置为style="height: 128px;"，并且在单击那些嵌套的子链接时它不会改变。在以下切换中，关闭并重新打开后，该内联样式更改为style="height: auto;"，这似乎是有效的样式。是否以任何可能导致此问题的方式更改了引导代码？看来您的问题可以通过显式设置（style="height: auto;"在.nav-collapseCSS 中或使用 jQuery 的 onclick 中）来解决，但我倾向于认为引导代码应该已经在处理这个问题。执行过程中可能会出现一些小问题...

jQuery 路由是这样的：

$('.collapsed').click(function() {
    $('.nav-collapse').height('auto');
});

关于 CSS，类名被插入到您应该能够定位的扩展导航 div 上：.in. 你可以尝试这样的事情：

.in { height: auto; }

如果你真的很绝望（尽管不推荐这样做），你可以将 CSS 与：

.in { height: auto !important; }

但是，最好在没有此类覆盖的情况下找到并隔离您的修复程序。祝你好运。

Answer 2

此页面上的答案实际上是正确的。 Bootstrap 响应式折叠子菜单在第一次折叠时具有固定高度

对我来说，就像在 div 中添加“collapse”类一样简单。

所以div就是...

<div class="nav-collapse">

应该...

<div class="nav-collapse collapse">

就那么简单 ：）