1

ページを下にスクロールすると、URL がこのwww.mypage.com#div1ようになるコードがあります。www.mypage.com#div2ページを下にスクロールするときにメニュー項目を強調表示するために、次のコードを作成しました。これは正常に機能します。

$(window).scroll(function() {
    $(".menu a").each(function() {
        if (this.href == window.location.href) {
            $(this).addClass("active");
        } else {
            //Something here?
        }
    });
});

しかし、問題は、「アクティブな」クラスをもう一度削除したいということです。「else」セクションにあらゆる種類のものを入れてみましたが、何も機能していないようです。

どんな助けでも大歓迎です！

ありがとう、ティナ

4

3 に答える 3

0

これはうまくいくはずです:
まず、アクティブなクラスを削除してから、適切な div に割り当てます 

 $(window).scroll(function() {
           $(".menu a").each(function() {
               $(".active").removeClass("active");  
               if (this.href == window.location.href) {

                   $(this).addClass("active");
               } 
           });
    });
于 2013-10-17T09:41:25.543 に答える