Wordpress Bootstrap 主题响应式下拉菜单答案

【问题标题】：Wordpress Bootstrap theme responsive dropdown menuWordpress Bootstrap 主题响应式下拉菜单
【发布时间】：2013-10-30 01:49:37
【问题描述】：

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

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

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

【问题讨论】：

请注意：meta.stackexchange.com/questions/125997/…
是的...我知道这很烦人我不能说得更具体了，但我只是想不通为什么它不能按预期工作...尤其是在您单击链接然后关闭后它可以工作它

标签： jquery html css wordpress twitter-bootstrap

【解决方案1】：

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

jQuery 路由是这样的：

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

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

.in { height: auto; }

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

.in { height: auto !important; }

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

【讨论】：

即使直接从下载中使用引导主题似乎也是一样的。感谢您的回复，我会在有机会并交出赏金时看看这个:)
有趣，我猜是某种错误。如果我的建议没有成功，请大声告诉我，很高兴再看看:)
终于找到了答案。你为我指明了正确的方向。这篇文章的答案确实正确。 stackoverflow.com/questions/14735747/… 是的，看起来像框架的一个错误。很惊讶它没有被修复。但感谢您看一看，我会全力以赴。 :)
不错！如果我自己进入引导程序，我会记住这一点。有趣的问题，很高兴知道解决方案。

【解决方案2】：

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

对我来说，就像将“折叠”类添加到 div 一样简单。

所以 div 就是...

<div class="nav-collapse">

应该是……

<div class="nav-collapse collapse">

就这么简单:)

【讨论】：