jquery - 使用 jquery 设置和删除菜单背景颜色

Question

如何在这个 jsfiddle 默认蓝色中设置主页链接的背景颜色，但是当单击另一个链接时它不再是蓝色？

我尝试使用windows.onload，但蓝色背景仍然存在。

HTML

<div id="menu">
    <ul>
        <li><a href="#">Home</a></li>           
        <li><a href="#">Link2</a></li>
        <li><a href="#">Link3</a></li>
    </ul>
</div>

jQuery

$(document).ready(function(){
    var $targetElement = $("#menu a");
    $targetElement.click(function() {
       $targetElement.removeClass("currentlink");
       $(this).addClass("currentlink");
    });
});

http://jsfiddle.net/KR4ed/

Answer 1

像这样在html中从头开始设置类

<li><a href="#" class="currentlink">Home</a></li>   

演示

Answer 2

尝试这个：

$(document).ready(function () {
    var setId = $.cookie("currentId");
    if (typeof setId !== "undefined") {
        $("#menu a").removeClass("currentlink");
        $('#' + setId).addClass("currentlink"); // currentlink set using cookie
    }
    var $targetElement = $("#menu a");
    $targetElement.click(function () {
        $targetElement.removeClass("currentlink");
        $(this).addClass("currentlink");
        var lastID = $(this).attr("id");
        $.cookie('currentId', lastID);
    });
});  

JSFIDDLE 演示

注意：您必须添加jquery.cookie.min.js然后只需添加上面的代码。请参阅 jsfiddle 演示以供参考。