0

まず、jquery のアクティブ状態を実現するためのより良い方法は何ですか? 各ボディに一意の ID を付与し、それを使用してアクティブな状態を判断したいと考えています。それは良い方法ですか？

各ページの body タグに一意の ID を指定し、jquery を使用して .addClass を使用して同様のメニューにアクティブ状態を追加するにはどうすればよいですか?

 <body id="two">
  <nav>
    <ul>
      <li><a href="one.html">one</a></li>
      <li><a href="two.html">two</a></li>
      <li><a href="three.html">three</a></li>
    </ul>
  </nav> 
 </body>

各 li にクラスを与えて、id に一致するものにクラスを追加することはできますか? 最良の方法に関する提案を探しています。

4

2 に答える 2

0

単一ページのアプリケーションを作成したいようです。このパターンを実装する多くのフレームワークがあります。

これらのフレームワークは、単一ページのアプリケーションを作成しようとする場合に非常に役立ちますが、自分で実装する場合は、<script>タグのような非表示の DOM 要素にテンプレートを格納し、それで本体の一部を切り替えることで実現できます。クリックで。ディープリンクをサポートしたい場合は、URL のハッシュフラグメントにサブパスを保存してください。

于 2015-11-27T04:35:22.633 に答える
-2 
if ($('body').is('#two') ){
   $( "ul li:nth-child(2)" ).addClass('active');
}
于 2020-03-26T14:32:57.850 に答える