Bootstrap侧边栏链接没有收缩&正确折叠

时间:2014-03-11 07:53:06

标签: javascript jquery html css twitter-bootstrap

我正在使用bootstrap sidebar

网站上只有两个侧边栏导航栏。我已经添加了两个级别,现在是它的四级边栏。我收到一个随机的问题 有一次当我点击相同级别的第二个导航时,它不会打开也不会打开其他导航,直到并且除非我向下滚动。然后它再次开始工作。

就像下面的ScreenShot一样。通过单击“警报”,它应该打开,访问应该崩溃但不是。但滚动它工作正常。

enter image description here

我添加了代码。如果我可以添加更多内容,请告诉我。

<body data-spy="scroll" data-target=".p8-sidebar" onLoad="fixNavbarIssue()">
<div class="p8-sidebar hidden-print hidden-sm hidden-xs bs-docs-sidebar hidden-print affix" role="complementary">          
            <ul class="nav p8-sidenav nav-stacked">                                   
              <li class="active">              
                <a href="#accessing-console">Console</a>                
                <ul class="nav">
                  <li class=""><a href="#heading-login">Login</a>
                  </li>
                  <li class=""><a href="#heading-alerts-console">Understanding Console</a>
                  </li>
                  <li class=""><a href="#heading-connected-users">Connected Users</a>
                  </li>
                  <li class=""><a href="#heading-connected-consoles">Connected Consoles</a>
                  </li>
                  <li class=""><a href="#heading-logout">Logout</a>
                  </li>
                </ul>

              </li>
              <li class=""> <a href="#heading-alerts">Alerts</a>
                <ul class="nav">
                  <li class="">
                    <a href="#headings-new-alert">Creating a New Alert</a>                  
                    <ul class="nav">
                        <li><a href="#sub-heading-basic-information">Basic Information</a>
                      </li>
                      <li><a href="#sub-heading-send-to">Send To</a>    
                      </li>
                      <li><a href="#sub-heading-event-name">Event Name</a>    
                      </li>
                      <li class=""><a href="#sub-heading-short-message">Short Message</a>    
                      </li>
                      <li class=""><a href="#sub-heading-long-message">Long Message</a>    
                      </li>
                      <li class="">
                        <a href="#sub-heading-require-acknowledgement">Require Acknowledgement</a>    
                      </li>
                    </ul>

Bootstrap css/js未更改。

0 个答案:

没有答案