为了账号安全,请及时绑定邮箱和手机立即绑定

Bootstrap 3折叠菜单在单击时不会关闭

Bootstrap 3折叠菜单在单击时不会关闭

白板的微信 2019-11-08 10:50:45
我在Bootstrap 3中有或多或少的标准导航<body data-spy="scroll" data-target=".navbar-collapse">    <!-- ---------- Navigation ---------- -->    <div class="navbar navbar-fixed-top" role="navigation">        <div class="container">            <div class="navbar-header">                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">                    <span class="sr-only">Toggle navigation</span>                </button>                <a class="navbar-brand" href="index.html"> <img src="#"></a>            </div>            <div class="navbar-collapse collapse">                <ul class="nav navbar-nav navbar-right">                    <li class="active"><a href="#home">Home</a></li>                    <li><a href="#one">One</a></li>                    <li><a href="#two">Two</a></li>                    <li><a href="#three">Three</a></li>                    <li><a href="#four">Four</a></li>                </ul>            </div>        </div>    </div>它通常会在较小的设备上崩溃。单击菜单按钮可展开菜单,但是如果我单击(或触摸)菜单链接,菜单将保持打开状态。要关闭它又该怎么办?
查看完整描述

3 回答

?
www说

TA贡献1775条经验 获得超8个赞

Bootstrap的默认设置是在单击菜单项时保持菜单打开。您可以通过调用.collapse('hide');要折叠的jQuery元素来手动覆盖此行为。


查看完整回答
反对 回复 2019-11-08
  • 3 回答
  • 0 关注
  • 1359 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信