1

私はこのようなナビゲーションを持っています：

<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);

だから私の質問は：

サブナビゲーションのリンクの状態をアクティブ/訪問済みに設定するにはどうすればよいですか？

4

1 に答える 1

3

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>

デモについては、このjsFiddleを参照してください。

于 2012-05-07T17:45:25.940 に答える