javascript - Twitter Bootstrap 菜单 - 响应问题

标签 javascript html css twitter-bootstrap responsive-design

有没有办法让它在导航缩小时展开所有或任何下拉菜单?因此,当用户触摸导航并下拉时,所有下拉导航项都已经完全展开了吗?

我以为这是默认行为,但对我来说似乎不是这种情况。

相反,我的导航看起来是这样的:

Image Example

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

最佳答案

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

我拼凑了以下解决方法,这似乎可以解决问题:

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

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

关于javascript - Twitter Bootstrap 菜单 - 响应问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13616253/

相关文章:

表格导航栏的 HTML 下拉列表

javascript - 使用 jQuery 向正文添加 onload 函数的正确方法

javascript - highcharts 附加到 highcharts 容器 div

css - 从所有页面的 Chrome 打印 PDF 中删除 url

javascript - 如何创建与其他对象类型相同的新对象

javascript - 当我们按下按钮时,进度条会增加

javascript - dojox.grid.DataGrid 中没有显示数据

html - 使用 Ruby Mechanize 解析结构不良的 HTML 文档

html - CSS/表格 : parallel two columns for different languages?

javascript - Firebase Cloud Functions 的 Node RESTful API