web-dev-qa-db-fra.com

Ajouter une classe au menu ul avec un enfant actif

J'essaie d'ajouter la classe is-active au ul lorsque celui-ci a un enfant actif. Ceci est dû au fait que Foundation exige que (j'utilise FoundationPress comme thème de base). Ceci est le balisage recherché:

<ul class="vertical menu" data-multi-open="false" data-accordion-menu>
  <li><a href="/home/">Home</a>
    <ul class="vertical nested menu is-active">
      <li class="active">
        <a href="/sample-page/distribution/">Distribution</a>
      </li>
      <li><a href="/sample-page/">Sample Page</a></li>
      <li><a href="/sample-page/production/">Production</a></li>
    </ul>
  </li>
  <li><a href="/about/">About</a></li>
</ul>

Est-il possible de se connecter à nav_menu_css_class ou dois-je créer un marcheur personnalisé ou comment devrais-je m'y prendre pour y parvenir?

menusjquerynavigation
3
Johan B

Vous pouvez certainement créer un marcheur personnalisé, mais la solution la plus simple est peut-être la suivante:

$("li.active").parent().addClass("is-active");
2
cjbj