Question

lorsque mon menu principal est semblable à l'item menu1 / submenu1.2, de li rend la classe active pour que je puisse la styliser, par exemple dans une couleur différente.

Cependant, si je vais à la page menu1 / submenu1.2 / 153 alors la classe active est manquante.

Ou tout ce qui ressemble à menu1 / submenu1.2 / * est la classe active manquante.

Comment puis-je résoudre ce problème?

Était-ce utile?

La solution

Dans votre exemple de menu1 / submenu1.2 / 153 , la classe active aurait dû être déplacée vers 153 . Vous pouvez toujours attribuer un style différent à submenu1.2 en recherchant la classe active-trail dans < li >

.

Par exemple, si vous accédez à admin / content / comment , le code HTML du menu devrait ressembler à ceci:

<ul class="menu">
  <li class="expanded active-trail">
    <a href="/drupalsite/?q=admin">Administer</a>
    <ul class="menu">
      <li class="expanded first active-trail">
        <a title="Manage your site's content." href="/drupalsite/?q=admin/content">Content management</a>
        <ul class="menu">
          <li class="leaf first active-trail">
            <a class="active" title="List and edit site comments and the comment moderation queue." href="/drupalsite/?q=admin/content/comment">Comments</a> 
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Cela signifie que vous pouvez styliser les liens admin et contenu en utilisant CSS, à peu près comme suit:

li.active-trail a {
    /*Whatever style here*/
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top