twitter-bootstrap – 自动关闭响应式navbar

发布时间：2020-12-18 00:01:19 所属栏目：安全来源：网络整理

导读：我使用Bootstrap响应的navbar。当导航栏折叠，我打开菜单并单击一个菜单项，菜单不会自动关闭，我必须自己手动。是否可以单击其中一个按钮后自动关闭菜单？解决方法编辑：如下面的 Maximus点，3.x bootstrap解决方案是： $('.navbar-collapse a').click(

我使用Bootstrap响应的navbar。当导航栏折叠，我打开菜单并单击一个菜单项，菜单不会自动关闭，我必须自己手动。

是否可以单击其中一个按钮后自动关闭菜单？

解决方法

编辑：
如下面的 Maximus点，3.x bootstrap解决方案是：

$('.navbar-collapse a').click(function(){
    $(".navbar-collapse").collapse('hide');
});

https://jsfiddle.net/yohuLuj2/

老回答2.x bootstrap：

你应该能够通过添加一个点击处理程序到列表项，然后以这种方式关闭导航。

$('.nav-collapse').click('li',function() {
    $('.nav-collapse').collapse('hide');
});

Heres a jsfiddle：
http://jsfiddle.net/hajpoj/By6ym/4/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!