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

Question

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

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

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

Answer 1

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

jQuery 路由是这样的:

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

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

.in { height: auto; }

如果你真的很绝望(尽管不推荐这样做)，你可以将 CSS 与:

.in { height: auto !important; }

但在没有此类覆盖的情况下找到并隔离您的修复肯定更可取。祝你好运。