单击链接时,Bootstrap切换不起作用

时间:2014-02-19 00:18:43

标签: javascript jquery html css twitter-bootstrap-3

右侧的导航栏在调整窗口大小时会折叠,但是当我单击切换按钮时,会出现菜单。当我点击任何链接时,该栏不会“取消切换”......任何人都可以帮助我吗?

Screenshot

网站here

1 个答案:

答案 0 :(得分:0)

单击链接时折叠菜单不是带引导程序的展开/折叠菜单的默认功能。如果您希望它以这种方式运行,则必须将隐藏函数.collapse('hide')绑定到这些链接的单击操作。

你可以这样做:

jQuery(function($){
    $('.navbar-default .navbar-nav > li > a').click(function() {
        $('.navbar-default .navbar-collapse').collapse('hide')
    });
});