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"' : '');?>> ...

当然，将“home”更改为您想要查找的任何控制器名称。

祝你好运！

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>