logo标签列表

Twitter BootStrap菜单 - 响应式问题

javascripthtmlcsstwitter-bootstrapresponsive-design
3
有没有办法让导航栏缩小时所有或任何下拉菜单都会展开？这样，当用户触摸并下拉导航栏时，所有下拉菜单项都已完全展开。
我认为这应该是默认行为，但对我来说似乎不是这种情况。
相反，我的导航栏如下所示：
图片举例
我必须悬停在菜单项上才能获得二级菜单。有没有办法使所有下拉菜单和其他下拉菜单都已展开？
2个回答
0

从2.2版本开始，你想要的行为被当前的行为所替代，即在可折叠导航栏中将下拉菜单折叠/可折叠。

我拼凑了以下解决方法，似乎可以解决问题：

$('.nav-collapse').on('show', function (e) {
  var $dropdowns = $(this).find('.dropdown');
  setTimeout(function () {
    $dropdowns.addClass('open')
  });
});

setTimeout 的原因是，否则触发打开导航栏的原始点击事件在向上传播到<html>元素时会再次关闭下拉菜单。

0
正确的解决方法是执行以下操作：如下所示。 
@media (max-width: 980px) {
  .dropdown ul.dropdown-menu {
    display: block;
  }
}

这是针对版本2.2.2的。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接