我使用的是 bootstrap wordpress 主题,但是在响应模式下下拉菜单无法正确显示。
如果您打开菜单,单击父菜单然后关闭菜单并再次打开它会起作用,但第一次不起作用。快把我逼疯。这是实时代码的链接 http://kylegoslan.co.uk
任何想法表示赞赏,谢谢。
最佳答案
在第一次导航切换点击时,.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; }
但在没有此类覆盖的情况下找到并隔离您的修复肯定更可取。祝你好运。
关于jquery - Wordpress Bootstrap 主题响应式下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19496739/