如何标记链接，用javascript处理为已访问？

Question

我有这样的导航：

<div id="melement1" class="mlink" data-slink="kultur">
    <a href="#kultur">Kultur|Bildung</a>
</div>

这很好用，通过这个链接，我打开另一个子导航：

case "kultur": 
    document.getElementById('navi_kultur').style.visibility = 'visible';
    break;

子导航如下所示：

<div id="kultur1" class="link" data-subsite="kultur/hoehenrausch">
    <a href="#kultur?hoehenrausch">Linz 09 - Höhenrausch, Linz</a>
</div>

我通过 Ajax 处理它：

$('.link').click(function(){
    var subsite = $(this).data('subsite');
    $('#showProject').load('php/subsite.php?page='+subsite);

所以我的问题是：

如何将子导航的链接状态设置为活动/已访问？

Answer 1

只需添加visited 类：

<style type="text/css">
    a { color: red; }
    a.visited { color: blue; }
</style>
<script type="text/javascript">
    $(".link a").click(function(){
        $(this).addClass("visited");
    });
</script>

请参阅this jsFiddle 进行演示。