Domanda

quando il mio menu principale è come l'elemento menu1 / sottomenu1.2, de li attiva la classe, quindi posso modellarla, ad esempio in un colore diverso.

tuttavia, se vado alla pagina menu1 / sottomenu1 / 153, allora la classe attiva non è presente.

O qualcosa come menu1 / submenu1.2 / * manca la classe attiva.

Come posso risolvere questo?

È stato utile?

Soluzione

Nel tuo esempio di menu1 / submenu1.2 / 153 la classe attiva avrebbe dovuto spostarsi su 153 . Puoi ancora dare uno stile sottomenu1.2 in modo diverso cercando la classe active-trail nella <li>

Ad esempio, se vai su admin / content / comment l'html del menu dovrebbe apparire simile al seguente:

<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>

Ciò significa che puoi modellare i collegamenti admin e content utilizzando CSS in modo simile al seguente:

li.active-trail a {
    /*Whatever style here*/
}
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top