在引导可折叠侧边栏导航中添加Cookie

Add Cookie in Bootstrap collapsible sidebar navigation

本文关键字：添加 Cookie 导航 侧边栏 可折叠      更新时间：2023-09-26

My HTML Code: 

<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
          <div id="sidebar-wrapper">
            <ul class="sidebar-nav navbar-nav" id="sidebar">
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI System">EAI System<i class="fa fa-desktop sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="#" title="Service Catalog">Service Catalog<i class="fa fa-cogs sub_icon"></i></a></li>
                  <li><a href="#" title="Environment">Environment<i class="fa fa-cloud sub_icon"></i></a></li>
                  <li><a href="#" title="Onboarding Checklist">Onboarding Checklist<i class="fa fa-list-alt sub_icon"></i></a></li>
                  <li><a href="#" title="Active Userlist">Active Userlist<i class="fa fa-user sub_icon"></i></a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Troubleshooting">EAI Troubleshooting<i class="fa fa-exclamation-circle sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="dashboard.html" title="Troubleshooting">Troubleshooting<i class="fa fa-exclamation-circle sub_icon"></i></a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Deployment">EAI Deployment<i class="fa fa-share sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="#" title="Deployment Log">Deployment Log<i class="fa fa-check-square-o sub_icon"></i></a></li>
                  <li><a href="#" title="Test Results">Test Results<i class="fa fa-server sub_icon"></i></a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" class="dropdown-toggle brd-top" data-toggle="dropdown" aria-expanded="false" title="EAI Reports">EAI Reports<i class="fa fa-line-chart sub_icon"></i></a>
                <ul class="dropdown-menu forAnimate relative" role="menu">
                  <li><a href="#" title="Reports">Reports<i class="fa fa-line-chart sub_icon"></i></a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>

母版页中的引导菜单。我的问题是，当我点击任何崩溃和点击链接。下一页打开打开折叠面板

尽管在Angular中不建议使用jquery，但正如文档中所述，您可以使用:

$('#bs-sidebar-navbar-collapse-1').collapse('hide')

隐藏折叠菜单。你可以在new viewcontrolleronload中这样做。

相关文章：