javascript - codeigniterで異なる色がアクティブな場合にメニューを作成する方法

Question

次の場合にcssを取得することは可能ですか:アクティブな色が異なり、アクティブでないときは異なる色です。つまり、ホームをクリックすると「赤」になり、「赤ですが実際の色は同じ」になります。

<ul>
    <li><a href="home">Home</li>
    <li><a href="about">Aboutus</a></li>
<u>

Answer 1

codeigniter を使用すると、URL セグメントを探すことができます。このようなもの：

<li<?=($this->uri->segment(1) == 'home' ? ' class="active"' : '');?>> ...

そしてもちろん、「ホーム」を探したいコントローラー名に変更します。

幸運を！

Answer 2

codeigniter やその他のサーバー側コードとは関係ありません。
マークしたい要素にクラスを追加し、css で適切なスタイルを実行するだけです。

<ul>
    <li><a href="home">Home</li>
    <li><a href="about">About us</a></li>
<u>

<style>
    .active > a { color: red }
</style>
<script>
    $(function(){
        $('ul > li > a[href=<?=$this->segment->uri(1)?>]').addClass('active');
    });
</script>