jquery - 单击将删除页面上某处的某些类

Question

我有一个带有一些导航的单页网站，当我单击导航链接时，它需要处于活动状态（一些 div 可见）。在弹出 div 中有一个关闭链接，当单击关闭链接时，导航按钮需要处于非活动状态。

因此，基本上使链接处于活动状态并在单击其他链接后使其处于非活动状态。

我做了一个小提琴：http: //jsfiddle.net/fourroses666/TKnUZ/1/

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
});

单击取消链接时，链接需要处于非活动状态！

Answer 1

您只需要添加一个新的单击处理程序即可删除每个链接上的“活动”类（参见小提琴）

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });

   $('a.close').click(function() {
       $('a.link').removeClass('active'); 
   });
});​

Answer 2

只需在超链接上的 .close 类的单击事件中执行相同的操作

$(function() {    
    $('a.close').click(function(){
       $('a.link').removeClass('active'); 
    });
});​

Answer 3

It appears that the function only accommodates for a.link and the close link is a.close and so is not getting picked up in that function. This will work: http://jsfiddle.net/TKnUZ/6/

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
    $('a.close').click(function(){
         $('a.link').removeClass('active');                   
    })
 });​

however im not sure if you were trying to handle it all in the first one click method... Hope it helps at least