Question

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

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

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

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

点击取消关联时，链接需要无效！

Answer 1

您只需添加新的点击处理程序即可删除每个链接上的“有效”类（请参阅fiddle）

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

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

Answer 2

在超链接

上的.close类的click事件中执行相同的操作

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

Answer 3

似乎该函数仅适用于a.link，而close链接是a.close，因此不会在该函数中被拾取。这将有效： 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');                   
    })
 });

然而我不确定你是否试图在第一次点击方法中处理它...希望它至少有帮助

单击将删除页面上某处的某个类

3 个答案: