-1

これがプランカーです - http://plnkr.co/edit/WZ6cqCcXaLuOCXnZdCa6?p=preview

OneまたはをクリックTwoするとclass="active"、OneまたはTwoから削除されるようにする CSS の方法はありますHomeか?

4

5 に答える 5

1

次の形式に従って、jQuery を使用してこれを行うことができます。

       switch (window.location.pathname) {
            case '/THE_URL_HERE':
               $('.nav-home').addClass('active');
               break;
            case '//THE_URL_HERE':
               $('.nav-one').addClass('active');
               break;
            case '//THE_URL_HERE':
               $('.nav-two').addClass('active');
               break;
        }

HTML にクラスを追加します。

<h1>Hello Plunker!</h1>
    <div class="header">
      <ul class="nav nav-pills">
        <li class="nav-home">
          <a href="#">Home</a>
        </li>
        <li class="nav-one"><a href="#">One</a></li>
        <li class="nav-two"><a href="#">Two</a></li>
      </ul>
    </div>
于 2013-06-05T02:05:24.240 に答える
1

どうにかして html を編集する必要があります。css には要素クラスを変更する機能がありません。js に小さな関数を記述して、クリック イベントでこれを実行し、古いメニュー項目からクラスを削除して、新しく選択されたメニュー項目に追加することができます。

このように: http://plnkr.co/edit/6B5v2KrZonuI33dJySS6?p=preview

于 2013-06-04T23:05:17.760 に答える
0

:target を使用してください。javascript を使用せずにメニューを作成する場合は、より柔軟です。

于 2019-11-02T22:37:47.287 に答える