Stufe 3 metisMenu Artikel nicht zurück zur aktiven Auswahl erweitern

Question

ich die folgende Bootstrap-Navigationsleiste mit metisMenu jQuery-Bibliothek bin mit:

<div id="Sidebar" class="navbar-default sidebar" role="navigation"> 
    <div class="sidebar-nav navbar-collapse"> 
     <ul class="nav" id="side-menu"> 
      <li> 
       <a href="/Dashboard"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a> 
      </li> 
      <li> 
       <a href='#'> 
        <i class='fa fa-calendar fa-fw'></i> Diary<span class='glyphicon arrow'></span> 
       </a> 
       <ul class='nav nav-second-level'> 
        <li> 
         <a href="/Diary/Index?diaryModeId=1">My Actions</a> 
        </li> 

       </ul> 
      </li> 
      <li> 
       <a href='#'> 
        <i class='fa fa-pie-chart fa-fw'></i> MI<span class='glyphicon arrow'></span> 
       </a> 
       <ul class='nav nav-second-level'> 
        <li> 
         <a href="/MI/EntityStatus">Entity Status</a> 
        </li> 
       </ul> 
      </li> 
      <li> 
       <a href='#'> 
        <i class='fa fa-cogs fa-fw'></i> Administration<span class='glyphicon arrow'></span> 
       </a> 
       <ul class='nav nav-second-level'> 

        <li> 
         <a href='#'> 
          Question Admin<span class='fa plus-minus'></span> 
         </a> 
         <ul class='nav nav-third-level'> 

          <li> 
           <a href="/Rule/Index">Business Rules</a> 
          </li> 
          <li> 
           <a href="/Question/Index">Question Bank</a> 
          </li> 
         </ul> 
        </li> 
        <li> 
         <a href='#'> 
          User Admin<span class='fa plus-minus'></span> 
         </a> 
         <ul class='nav nav-third-level'> 
          <li> 
           <a href="/User/Index">Users</a> 
          </li> 
          <li> 
           <a href="/Team/Index">Teams</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 

ich den folgenden Code auf refresh ausführen:

$(function() { 

    $('#side-menu').metisMenu(); 

}); 

Stufe 1 Die Auswahl von Level 2 funktioniert gut, wenn das Menü minimiert wird und die ausgewählte Menüoption erneut ausgewählt wird. Wenn ich ein Element der Stufe 3 auswähle (z. B. Fragebank), wird das Menü minimiert, aber nicht erneut ausgewählt. Gibt es noch etwas, was ich tun muss? Ist meine HTML-Markierung korrekt?

Answer 1

Für einen Menüeintrag der dritten Ebene (oder einen Menüeintrag auf der Ebene) müssen Sie sicherstellen, dass alle Vorgänger li Elemente class="active" haben.