javascript - jQuery 経由のアクティブなクラスの競合

Question

HTML サイトをデザインし、activeクラスを配置しましたa

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

それは働いています。そして、メニュー構造と接続フッターとトップメニューをactive.

 $('.menuHolder li a').click(function (e) {
      $('.menuHolder li a').removeClass('active');
      var link = $(this).attr('href');
      $('a[href="' + link + '"]').addClass('active');

    });

さて、menu-item get activeclass をクリックすると OK です。しかし、メニューの項目をクリックするとactive、メニュー項目のクラスが削除されます。

だから、メニュー項目activeを削除して、別のメニュー項目をクリックするだけです。どうすれば修正できますか？

Answer 1

このようなことを試してみてください。

    $(function(){
        $('.menuHolder li a').click(function (e) {
              $('.menuHolder li a').removeClass('active');
              $(this).addClass('active');

        }); 
    });

Answer 2

Assign specific class to your menu-item and use toggle instead:

$('.menu-item').click(function() {
  $(this).toggleClass('active');
}

Answer 3

変更してみてください

$('.menuHolder li a').removeClass('active');

に

$('.menuHolder li a.active').removeClass('active');

Answer 4

あ、ごめんなさい。

このコードを実行すると、すべてが正常になります。おそらく、すべてのa追加と削除がアクティブになり、自動でアクティブになります。

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

Answer 5

これを試して

 $('.menuHolder li a').click(function (e) {
      $('.menuHolder li a.active').removeClass('active');
      var link = $(this).attr('href');
      $('a[href="' + link + '"]').addClass('active');

    });