jquery - 最後に選択したアンカータグに色を設定する - jQuery、HTML

Question

質問が書き直されました。

例：

HTML ページの例を次に示します: http://jsfiddle.net/mwMzD/2/

Third Pageリンクが選択され、ページがレンダリングされると、選択されたanchor tag色は"white"のままで、 "grey" に戻らないはず(a:visited)です。

注意:anchor tag a:visited は、最後に選択しただけでなく、訪問したすべてのに適用されることに注意してくださいanchor tag。

methodsjQueryでこれを行うには何が必要ですか?

score 1 · Accepted Answer

Third Pageそのページがレンダリングされるときに、リンクに CSS クラスを適用する必要があります。

<%= link_to "Third Page", route_to_third_page_path, class: "active" if current_page?(route_to_third_page_path) %>

次に、この.activeクラスをa:activeセレクターに追加します

a:link { color: grey; }
a:visited { color: grey; }
a:hover { color: white; }
a:active, a.active { color: white; }

これで、がThird Pageレンダリングされると、.activeクラスがリンクに適用され、と同じスタイルになりa:activeます。

編集 質問を完全に書き直したので、

ここにjQueryがあります

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

私の元の回答（上記を参照）のスタイリングは引き続き適用されます。