-1

この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/

4

2 に答える 2

2

このようにhtmlで最初からクラスを設定します

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

デモ

于 2013-08-05T14:56:46.057 に答える
0

これを試して： 

$(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 デモを参照してください。

于 2013-08-05T14:59:22.643 に答える