Question

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

如果您打开菜单，请单击父级，然后关闭菜单并再次打开它可以正常工作，但它从未第一次运行。快把我逼疯了。以下是实时代码http://kylegoslan.co.uk

的链接

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

Answer 1

在第一次导航切换点击时，.nav-collapse上的高度与JS内联设置为style="height: 128px;"，并且在单击这些嵌套子链接时不会更改。在下面的切换中，在关闭和重新打开之后，内联样式将更改为style="height: auto;"，这是样式似乎有效。是否以任何可能导致此问题的方式更改了引导代码？看来你的问题可以通过在style="height: auto;"上显式设置.nav-collapse来解决（无论是在CSS中还是在onclick上使用jQuery），尽管我倾向于想象引导代码应该已经处理过了。实施中可能会有一些小问题......

jQuery路由的类似内容：

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

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

.in { height: auto; }

如果你非常绝望（虽然不建议这样做），你可以将CSS与：

结合起来

.in { height: auto !important; }

但是如果没有这样的覆盖，找到并隔离你的修复肯定更可取。祝你好运。

Answer 2

此页面上的答案实际上是正确的。 Bootstrap Responsive Collapsed Submenu has fixed height on first collapse

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

所以div就是......

<div class="nav-collapse">

应该是......

<div class="nav-collapse collapse">

简单如下：）

Wordpress Bootstrap主题响应下拉菜单

2 个答案: