jQuery addClass 不会向元素添加类

Question

我有以下 html 代码

<ul class='selectul'>
    <li class='active'><a href='?sortby=views'>by Popularity.</a></li>
    <li><a href='?sortby=recency'>by Recency.</a></li>
    <li><a href='?sortby=alphabet'>Alphabetically.</a></li>
</ul>

当有 <li>元素被点击，我想添加class='active'到它。然后，它的 sibling 中的任何一个都不允许参加该类(class)。我尝试使用以下 jQuery 代码来做到这一点

(function(){
    $('.selectul li').on('click',function(){
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
    });
}())

但它似乎没有做任何事情。我刚刚开始使用 jQuery，所以如果这个问题相当基本，我深表歉意。

Answer 1

剧本没问题。问题出在其他地方。单击链接后，文档将重新加载，并且您不会注意到类的更改。

尝试:

(function(){
  $('.selectul li').on('click',function(){
    $(this).addClass('active');
    $(this).siblings().removeClass('active');
    return false;
  });
}());

返回 false 中断点击事件并阻止文档重新加载。