Jquery addClass / removeClass单击问题

Question

无法让这个jQuery工作。代码可在此处获取：

http://jsfiddle.net/PuXDN/14/

点击“网页设计”链接后，我无法更改“Graphc Design”链接的颜色

Answer 1

你不想要更像

的东西吗？

$(document).ready(function() {
    var $linkWeb = $("#link-web-design");
    var $linkGraphic = $("#link-graphic-design");

    $linkWeb.click(function() {
        if ($(this).hasClass("colorText")) {
            $(this).removeClass("colorText");
            $linkGraphic.addClass("colorText");
        }                
    });

    $linkGraphic.click(function() {
        if ($(this).hasClass("colorText")) {
            $(this).removeClass("colorText");
            $linkWeb.addClass("colorText");
        }           
    });
});​

http://jsfiddle.net/Grimdotdotdot/PuXDN/19/

Answer 2

这也可以仅突出显示最后点击的链接：

function arct(e) {
    e.preventDefault(); // optional
    $('a').removeClass('colorText');
    $(this).addClass("colorText");
}
$(document).ready(function() {
    $("#link-web-design").click(arct);
    $("#link-graphic-design").click(arct);
});

http://jsfiddle.net/PuXDN/20/