基于URL的.addClass的jQuery / wordpress问题

Question

我在将类添加到主题的2个导航链接时遇到一些问题。

当我将页面重定向到另一个页面时，我需要添加一个基于URL字符串的类。

我正在使用以下代码：

<script type="text/javascript">
if (window.location.pathname.indexOf('/category/blog/')){
   if ( $('#nav ul li a span').text().contains('BLOG') ){
       //add class 'current_page_item' to:
       $('#nav ul li').addClass('current_page_item');
   }
}
if (window.location.pathname.indexOf('/category/keepers/')){
   if ( $('#nav ul li a span').text().contains('KEEPERS') ){
       //add class 'current_page_item' to:
       $('#nav ul li').addClass('current_page_item');
   }
}
</script>

谁能看到为什么不起作用？

我收到以下错误：

$ is not a function
[Break on this error] if ( $('#nav ul li a span').text().contains('BLOG') ){ 

Answer 1

$（“＃nav ul li a span”）。text（）返回字符串，而不是jQuery对象。 您不能在字符串上调用包含，这就是问题所在。 有关text（）函数的信息，请参见此处 。

我认为您需要重组执行逻辑的方式，$（“＃nav ul li a span”）。text（）返回以下字符串：HomeBlogBioAboutKeepers因此，您的包含逻辑将在站点的每个页面上计算为true。

我认为更好的方法是遍历li元素，在单个li跨度内获取文本，然后在设置为true时设置单个li的css。

HTH

编辑：这有效（我在萤火虫中在您的站点上尝试过）：

jQuery('#nav ul li').each(function(){
    //The comparison is case sensitive, Dont use uppercase like in your original
    if(jQuery(this).find('span').text() == "Blog"){ 
        jQuery(this).addClass('current_page_item');
    }
});

Answer 2

你应该把那行

$(document).ready(function(){
     // here
});