web-dev-qa-db-ja.com

アクティブな子を持つメニューulにクラスを追加する

Ulがアクティブな子を持っているときに、ulにクラスis-activeを追加しようとしています。これはFoundationがそれを要求しているからです（私は基本テーマとしてFoundationPressを使用しています）これは私が後にするマークアップです：

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

nav_menu_css_classにフックインすることは可能ですか、それともカスタムウォーカーを作成する必要がありますか。

menusjquerynavigation
3
Johan B

確かにカスタムウォーカーを作ることもできますが、おそらく最も簡単な方法はjqueryです。

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