第一次单击时打开bootstrap导航栏,然后在第二次单击时转到链接

时间:2014-06-03 10:08:05

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

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

1 个答案:

答案 0 :(得分:2)

试试这个:

$('.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。如果您切换不同的下拉菜单,它将“重置”任何已打开的下拉列表,以便您可以重新切换它们。