javascript - 当导航栏通过单击关闭时，如果单击此类元素，我如何关闭后续链接或执行按钮？

Question

我使用 bootstrap 3、Html 5 和 CSS 3。该网站有一个导航栏，如果用户点击导航栏，它就会关闭。但是如果用户点击链接之类的元素，它就会跟随链接。当我离开导航栏单击以关闭导航栏的下拉菜单时，如何阻止这些元素？我想消除这些副作用。

$('body').click(function (event) {
    // If user does not click on navigation and navigation drop down is visible.
    if (!($(event.target).is('#navigation *')) && $(".navbar-collapse").is(":visible") && $(".navbar-toggle").is(":visible")) {
            event.preventDefault();

            $('.navbar-collapse').collapse('toggle');
    }
});

我需要补充的是，当用户单击它们关闭菜单时，导航旁边屏幕上显示的区域不会执行链接等。

已经谢谢你了!

Answer 1

点击导航栏时，需要关闭点击事件，可以用javascript实现。

jQuery( '.dropdown-menu > li' ).click( function(e){ e.stopPropagation(); });