drop-down-menu - 引导导航栏在第一次单击时打开,在第二次单击时转到链接

标签 drop-down-menu twitter-bootstrap-3 navbar

我正在使用带有下拉菜单的 Bootstrap 3 导航栏。默认行为是单击打开下拉列表和第二次单击关闭时的行为。我想在第二次点击时访问该链接。默认引导功能是否可行>

最佳答案

试试这个:

$('.dropdown').on('show.bs.dropdown', function () {
    $(this).siblings('.open').removeClass('open').find('a.dropdown-toggle').attr('data-toggle', 'dropdown');
    $(this).find('a.dropdown-toggle').removeAttr('data-toggle');
});

这将在第一次单击时打开下拉列表,同时关闭任何其他打开的下拉列表。如果您再次单击打开的下拉菜单的父级,它将导航到其 href。如果您切换不同的下拉菜单,它将“重置”所有打开的下拉菜单,以便您可以再次重新切换它们。

关于drop-down-menu - 引导导航栏在第一次单击时打开,在第二次单击时转到链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24012421/

相关文章:

CSS 菜单向下滑动

jquery - 如何更新现有的 Bootstrap 模式数据目标?

javascript - Bootstrap 菜单附加在带有品牌形象的滚动时收缩 - 移动行为

html - 如何使用模板使导航栏响应

css - 我的下拉菜单在 IE10 中添加了视觉错误

javascript - 为什么侧边栏下拉菜单不起作用 bootstrap 3

c# - 使用循环的 ComboBox 项目

javascript - 如何在 Bootstrap 中对表格应用轮播效果?

jquery - Twitter Bootstrap 3 Carousel - 一次显示 2 张图片而不是 3 张

html - 品牌形象位于导航栏之外