JQuery和Wordpress添加活动类

我正试图通过jquery向我的nav添加一个活动类：

<script type="text/javascript">
            $( '.nav li a' ).each(function() {
                $(this).removeClass('active');
            });
            $('.nav li a').eq(0).addClass("active");
        </script>

并且活动类不会添加到my nav中

我尝试将此代码放在header.php和page.php中，但给出了与上面相同的错误

这是我的CSS：

<div class="navigation">

    <div class="logo">
        <a href="/"><img src="/wp-content/themes/twentytwelve/images/logo.png" width="275" /></a>
    </div><!--logo-->

    <ul class="nav">
        <li><a href="/about-us">About Us</a></li>
        <li><a href="/shop">Gallery & Shopping</a></li>
        <li><a href="/latest-news">Latest News</a></li>
        <li><a href="/contact-us">Contact Us</a></li>
        <li><a href="/links">Links</a></li>
    </ul>

</div>

---

我能做些什么来解决这个问题？任何帮助都将不胜感激。

您提供链接的jQuery.js文件底部是

jQuery.noConflict（）

，它确实删除了

$

别名

您应该能够通过将代码包装在以下内容中来绕过它：

/* allows use of `$` in your code*/
(function($){
 /* wait for page to load before running code*/
  $(function(){
      /* your code here */
  });
})(jQuery);

---

确保在jQuery.js加载后放置此代码的脚本标记

主题可能使用了

jQuery.noConflict

，这可能会删除jQuery的

$

别名。在包括本地jQuery.js在内的scrip文件中搜索

noConflict

<div class="navigation">

    <div class="logo">
        <a href="/"><img src="/wp-content/themes/twentytwelve/images/logo.png" width="275" /></a>
    </div><!--logo-->

    <ul class="nav">
        <li><a href="/about-us">About Us</a></li>
        <li><a href="/shop">Gallery & Shopping</a></li>
        <li><a href="/latest-news">Latest News</a></li>
        <li><a href="/contact-us">Contact Us</a></li>
        <li><a href="/links">Links</a></li>
    </ul>

</div>

/* allows use of `$` in your code*/
(function($){
 /* wait for page to load before running code*/
  $(function(){
      /* your code here */
  });
})(jQuery);