如何添加一些类到WordPress的菜单链接？

需要添加一个类到菜单链接，Wordpress 4.x.在后端面板中，我只能将类添加到<li>集装箱，而不是<a>。我试着类.getscroll添加到<李>和使用jQuery脚本：如何添加一些类到WordPress的菜单链接？

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

这并不工作，并与太的document.ready。该链接仍然看起来像< a href =“...”> text </a >。有什么办法可以增加班级到<a>？菜单的

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>

来源

2015-02-23 Demuri Celidze

请在这里添加您的HTML – 2015-02-23 09:52:59

更新问题 – 2015-02-23 10:00:35

如果你可以使用CSS，然后在style.css文件书写，对于如：.myclass UL李一{color：＃000！important} – 2015-02-23 10:05:03

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

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

，您可以用$替换jQuery;所以就变成：

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

了解更多关于no-conflict mode in the Codex.

来源

2015-02-23 10:19:28 rnevius

是的！替代方法适合我！感谢名单！ – 2015-02-23 10:23:38

太棒了！请选择我的答案来解决这个问题。另外，我强烈建议阅读我所包含的链接中的“无冲突”模式。 – rnevius 2015-02-23 10:24:11

非常感谢，会做！ – 2015-02-23 10:24:49

如何添加一些类到WordPress的菜单链接？

回答

相关问题