Question

下面我已经包含了jquery代码，用于将css类添加到侧栏中等于活动URL的链接，但是它不起作用，并且在某些时候它已经完成了。

链接：http://www.liquidcomma.com/portfolio/project/TSF_Robot_Ad/1/

<script type="text/javascript">
$(document).ready(function(){
      $("ul.right_submenu > li > a").each(function() {
            if ($(this).attr("href") == location.href)
            {
                  $(this).addClass("CurrentProject");
            });
};
</script>

Answer 1

嗯，除了代码丢失大括号和parens之外，它可以更简单地完成：

$(function(){
    $("a[href^='" + location.href + "']").addClass("CurrentProject");
});

Answer 2

您的脚本中有未闭合的大括号：

$(document).ready(function(){
    $("ul.right_submenu > li > a").each(function() {
        var a = $(this);
        if (a.attr('href') == location.href) {
            a.addClass("CurrentProject");
        }
    });
});

你可以像这样重写你的脚本：

$('ul.right_submenu > li > a[href=' + location.href + ']')
    .addClass('CurrentProject');

Answer 3

点击链接后，我的location.href会转到http://www.liquidcomma.com/portfolio/project/TSF_Robot_Ad/1/，但页面中的项目链接指向http://www.liquidcomma.com/portfolio/project/trade_show_fabrications/1 ... attr('href') != location.href。

在其他链接中，location.href将以斜杠结尾，而链接的href则不会。

除了href属性之外，您应该使用其他内容来匹配您的项目，如果您希望将来更改（并且可能会更改）。

使用jQuery添加CSS类

3 个答案: