jquery - アクティブ アイテム: jQuery を使用してアンカーにクラスを追加する

Question

私の Web サイトには、アンカーで構成される固定ナビゲーションがあります。アクティブな状態を視覚的に表すために、クリックするとテキストの色が変わるようにしたいので、link タグにクラスを動的に追加する必要があります。

jQueryが必要だと思います！問題: 私はまだ学習中で、これを達成する方法がわかりません...

ここに私のHTMLがあります:

    <nav>
        <ul>
            <li class="menu_border"><a href="#accueil">ACCUEIL</a></li>
            <li class="menu_border"><a href="#projets">PROJETS</a></li>
            <li class="menu_border"><a href="#services">SERVICES</a>/li>
            <li class="menu_border><a href="#contact">CONTACT</a></li>
        </ul>
    </nav>

ありがとう！

Answer 1

次のようなものを使用できます...

$("nav ul").on("click", ".menu-border", function() {
    $(this).addClass("active").siblings().removeClass("active");
});

次にactive、CSS でクラスを定義します。

Answer 2

$("nav a").bind("click", function() {
$("nav a.active").removeClass("active");
$(this).addClass("active"). 

});

Answer 3

これを Smooth-scroll.js ファイル (または使用しているもの) に追加するか、現在のページでスクリプトを開くことができます。

//current highlight
$('nav ul li a').click(function() {
    $('nav ul li a').removeClass("current");
    $(this).addClass('current');
});

次に、これを CSS に追加します。

.current 
{
    color: #ff6600 !important;
}

Answer 4

これは Alex の修正です。彼には構文エラーがありました。

 $("nav ul").click( function() {
        $(this).addClass("active").siblings().removeClass("active");
    });