如何添加一些 class 到 wordpress 菜单 link？

Question

需要向菜单 link 添加一个 class，Wordpress 4.x。在后端面板中，我只能将 classes 添加到

$('.getscroll a').addClass('scroll');

那是行不通的，document.ready 也是如此。 link 仍然看起来像 text。有什么方法可以将 class 添加到 ?

HTML菜单代码：

<nav id="navigation" class="white-nav b-shadow first-nav navbar-style2">
    <div class="nav-inner">
        <div class="logo">
            <!-- Navigation Logo Link -->
            <a href="/" class="scroll">
                <img class="site_logo" src="/lg-logo.png" alt="L">              </a>
        </div>
        <!-- Mobile Menu Button -->
        <a class="mobile-nav-button colored"><i class="fa fa-bars"></i></a>
        <!-- Navigation Menu -->
        <div class="nav-menu clearfix semibold">

            <ul id="menu-3021" class="nav uppercase font-primary">
                <li id="menu-item-2058" class="getscroll menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-2058"><a title="Who we are" href="/#about">Who we are</a></li>
                <li id="menu-item-2059" class="getscroll menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-2059"><a title="What we do" href="/#what-we-do">What we do</a></li>
            </ul>
        </div>
    </div>
</nav>

Answer 1

您正在使用 jQuery 的默认 WordPress 版本，这意味着 $ 未定义（因为 jQuery 包含在 no-conflict 模式中）。您需要稍微修改文档就绪功能：

(function($){
    $('.getscroll a').addClass('scroll');
})(jQuery);

或者，您可以将 $ 替换为 jQuery；所以它变成：

jQuery('.getscroll a').addClass('scroll');

详细了解 no-conflict mode in the Codex.

如何添加一些 class 到 wordpress 菜单 link？

How to add some class to wordpress menu link?

css

php

wordpress

jquery

menu