Javascript 使用jQuery更改具有默认值的链接类别

我有三个手动设置类的链接：一个默认为

.active

，另一个默认为

.inactive

。我有一些jQuery，当出于CSS目的单击链接时，我使用它来切换链接类。这适用于

.inactive

链接-它们切换到

.active

。但是，它不适用于默认的

.active

链接。如果单击默认的

.active

链接，它将保持非活动状态

默认负载：

链接1-激活 链接2-非活动 链接3-非活动

点击链接2：

链接1-非活动 链接2-活动 链接3-非活动

从链接2单击链接1：

链接1-非活动 链接2-活动 链接3-非活动

我如何才能完成此循环，使其正常工作

以下是我正在生成的HTML:

<ul id="infoContainer">
  <li><a href="/profiles/1/profile_cred" class="active" data-remote="true">Cred</a></li>
  <li><a href="/profiles/1/profile_about" class="inactive" data-remote="true">About</a></li>
  <li><a href="/profiles/1/profile_questions" class="inactive" data-remote="true">Questions</a></li>
</ul>

$(function(){
    var sidebar=$('#sidebar');
    sidebar.delegate('a.inactive', 'click',function(){
        sidebar.find('.active').toggleClass('active inactive');
        $(this).toggleClass('active inactive');
    });
});

---

如果我没有弄错的话，您的选择器太严格了：只处理

非活动链接。

试过以下方法吗

$(function(){
    var sidebar=$('#sidebar');
    sidebar.delegate('a', 'click',function(){
        sidebar.find('.active').toggleClass('active inactive');
        $(this).addClass('active').removeClass('inactive');
    });
});

你说默认的活动状态保持不活动是什么意思？它似乎工作正常：。再次单击链接2和链接1可正确切换类。