0

私の 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>

ありがとう！

4

4 に答える 4

3

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

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

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

于 2012-05-28T12:39:57.860 に答える
0 
$("nav a").bind("click", function() {
$("nav a.active").removeClass("active");
$(this).addClass("active"). 

});
于 2012-05-28T13:18:16.637 に答える
0

これを 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;
}
于 2012-09-02T03:24:47.660 に答える
0

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

 $("nav ul").click( function() {
        $(this).addClass("active").siblings().removeClass("active");
    });
于 2016-02-24T07:19:52.393 に答える