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'它.然后,它的兄弟姐妹都不允许这个班级.我尝试使用以下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;
  });
}());

return false中断Click-Event并阻止重新加载文档.