Question

需要在菜单链接中添加一个类，Wordpress 4.x.在后端面板中，我只能将类添加到＆lt; li＆gt; 容器，而不是＆lt; a＆gt; 。我尝试将类.getscroll添加到＆lt; li＆gt; 并使用jQuery脚本：

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

这不起作用，并且还有document.ready。该链接仍然显示为＆lt; a href =＆＃34; ...＆＃34;＆gt; text＆lt; / a＆gt; 。有没有办法将课程添加到＆lt; a＆gt; ？

菜单的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.

如何在wordpress菜单链接中添加一些类？

1 个答案: