即使链接不是当前链接，jQuery CSS 样式也保持不变

Question

我在论坛上找到了这段 jQuery 代码:http://jsfiddle.net/nZLpk/8/但是，如果我将代码更改为此 http://jsfiddle.net/c5LTj/ (修改 $(this).css({'font-weight': 'bold', 'border-left': '5px solid #555554'}); 边框将保留在链接上，即使如果那不是所选的...请帮助。谢谢!

Answer 1

您必须像重置它们的 font-weight 一样，在所有具有 atag 类的元素上重置 border-left:

$(document).ready(function(){
    $('.atags').click(function(){
        $('.atags').css({"font-weight":"300", 'border-left': '0'});
        $(this).css({'font-weight': 'bold', 'border-left': '5px solid #555554'});
    });
});

http://jsfiddle.net/c5LTj/1/

如果你只是想改变颜色，正如你在下面的评论中所说:

$('.atags').css({"font-weight":"300", 'border-left-color': '#555554'});
$(this).css({'font-weight': 'bold', 'border-left-color': '#eee'});

如果删除 showonlyone 和内联 href="javascript:showonlyone 实例，并执行 showonlyone< 的工作，您还可以大大改进代码 在您更改链接外观的同一位置。