現在開いているページをJqueryでactive(アクティブ)にCSSで表示する

現在開いているページをJqueryでactive(アクティブ)にCSSで表示する

以下を設置すればOK!

<script>
$(function(){
    $('#gmenu li a').each(function(){
        var $href = $(this).attr('href');
        if(location.href.match($href)) {
        $(this).addClass('active');
        } else {
        $(this).removeClass('active');
        }
    });
});
</script>

あとは、グローバルメニューの所のulなどにgmenuのid名をつけて
activeクラスがつくので、CSSで装飾すればOKです!!

ルートドメインから2階層目 ○○○.com/○○○/△△△ の△△△ 部分で判定し、activeのclassを付けたい場合は、こちらをご参考ください

http://www.tam-tam.co.jp/tipsnote/javascript/post2775.html

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP