php - HTML ページのアクティブな要素に関する問題

Question

CSS を使用して、表示プロパティを現在アクティブなページに関連する nav 要素に変更する方法を探しています。

たとえば、ユーザーがホームページにいる場合、ナビゲーションの [ホーム] ボタンのスタイルは異なります。

次のコードを使用します。

<li class="active">
    <a href="<?php echo $sito ?>/index.php">Home</a>
</li>
<li>
    <a href="<?php echo $sito ?>/page1.html">page1</a>
</li>
<li>
   <a href="<?php echo $sito ?>/page2.html">page2</a>
</li>

ページ 1 またはページ 2 を選択すると、ホーム ボタンがアクティブなままになります。

Answer 1

これを使って

var $links = $('li');
$links.click(function(){
   $links.removeClass('active');
   $(this).addClass('active');
});

デモ