Question

我已经创建了一个带有导航菜单的网站。网页在codeignitor中作为php文件进行操作。我想将活动页面链接的颜色更改为另一个。

我在标题页上尝试了一些JS。首先，我尝试了多个无序列表。那是行不通的，现在我只保留导航菜单元素的无序列表。有两个用户的会话检查，一个用于admin（会话变量：“ logged_in”）和客户端（会话变量：“ verify”）。第一个链接的类被初始化为“活动”。我不包括CSS，似乎是正确的。

当我单击菜单之一时，它会“查找”控制台仅几毫秒。链接的css不变。

<script type="text/javascript">
                        $(document).ready(function(){
                        $('#mainav ul li').click(function(){
                          console.log('find');
                          $(this).addClass("active");
                        });
                      });
        </script>

mainav是标题中<nav>的ID

php文件

<nav id="mainav" class="fl_right">
                    <ul class="clear" id="navs">

                    <?php if(!$this->session->userdata('logged_in') || $this->session->userdata('verify'))  :?>
                          <li class="active"><a href="<?php echo base_url();?>" class="nav-link">Home</a></li>
                    <?php endif ;?>
                    <?php if( $this->session->userdata('verify')):?>
                        <li ><a class="nav-link" href="<?php echo base_url();?>details/<?php echo $this->session->userdata('patient_id');?>" >Details</a></li>
                        <li ><a class="nav-link" href="<?php echo base_url();?>history/<?php echo $this->session->userdata('patient_id');?>">Consulting History</a></li>
                    <?php endif ;?>
                    <?php if( !$this->session->userdata('verify') && !$this->session->userdata('logged_in')):?>
                        <li ><a class="nav-link" href="<?php echo base_url();?>register">Register</a></li>
                        <li ><a class="nav-link" href="<?php echo base_url();?>print">Patient Login</a></li>
                        <li ><a class="nav-link" href="<?php echo base_url();?>login">Login</a></li>
                    <?php endif ;?>
                    <?php if( $this->session->userdata('logged_in')):?>
                    <li ><a href="<?php echo base_url();?>doctor" class="active">Home</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>list">List</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>list">Medicine</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>search">Patient</a></li>
                    <li ><a class="nav-link" href="<?php echo base_url();?>logout">Logout</a></li>
                    <?php endif ;?>
                    <?php if( $this->session->userdata('verify')):?>
                    <li class="active"><a class="nav-link" href="<?php echo base_url();?>logout">Logout</a></li><?php endif;?>
                    </ul>

                  </nav>

当我单击菜单之一时，它会“查找”控制台仅几毫秒。链接的css不变。

我需要确定当前哪个页面处于活动状态。那就是改变活动链接的颜色。

Answer 1

尝试这样的事情：

<a class="<?php if($this->uri->segment(1)=="search"){echo "active";}?>"

说明：

它将获得以下网址段： abc.com/search

这里search是segment(1)，因此，如果segment(1)的值等于硬编码的"search"，则它将添加活动的类。

班级名称变更

1 个答案: