2

今のところ、私はこのようなコードを使用しています

<script>
jQuery(document).ready(function($) {
  $("#menu li").click(function(){ 
      if ($("#menu li").hasClass('active')) {
        $("#menu li").removeClass('active'); 
      }
    $(this).addClass('active');
 });
});
</script>

タブ付きナビゲーションでのみ機能します。

しかし、私のサイトは別のページを使用しています。つまり、各 href は異なるページを指しています。

lijqueryまたはcssを使用してアクティブクラスを追加する方法を教えてもらえますか?

ありがとう

4

2 に答える 2

5

フォローしてみてください。

$('li').each(function(){
    if(window.location.href.indexOf($(this).find('a:first').attr('href'))>-1)
    {
    $(this).addClass('active').siblings().removeClass('active');
    }
});
于 2013-10-01T07:56:07.567 に答える
1

アクティブなクラスをページに追加して、同様の方法で実行できます。ページが読み込まれると ( document.ready() )、アクティブなクラスを現在のページ メニュー リスト項目にアタッチするように指示します。

$(/*Your current page menu item*/).addClass('active');
于 2013-05-10T19:02:12.300 に答える