3

有没有办法让导航缩小时，所有或任何下拉菜单都会展开？因此，当用户触摸导航并下拉所有下拉导航项时已经完全展开？

我认为这是一种默认行为，但对我来说似乎并非如此。

相反，我的导航看起来像这样：

图像示例

我必须将鼠标悬停在菜单项上才能获得该二级菜单。有没有办法让这个和所有其他下拉菜单已经展开？

4

2 回答 2

0

解决此问题的正确答案是执行以下操作：这里可以看到。

@media (max-width: 980px) {
  .dropdown ul.dropdown-menu {
    display: block;
  }
}

这是针对版本2.2.2

于 2012-11-29T15:39:18.443 回答
0

仅从 2.2 版开始，您想要的行为被当前在可折叠导航栏中折叠/可折叠下拉菜单的行为所取代。

我将以下解决方法放在一起，这似乎可以解决问题：

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

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

于 2012-11-29T00:09:43.597 回答