如何在 codeigniter 中将 class="active" 设置为导航菜单？

Question

我刚刚开始成为一名网络开发人员。 现在我第一次创建一个动态网站。 我不知道如何将class="active"设置为导航菜单。 这是我的菜单代码：

<li>
    <a href="<?php echo base_url(); ?>patient/createpatient"><i class="fa fa-users fa-lg"></i> Create Patient </a>
</li>
<?php } ?>
    <li>
       <a href="<?php echo base_url(); ?>patient/listpatient"><i class="glyphicon glyphicon-list-alt fa-lg"> </i> List Patients </a> 
    </li>
<?php if( $usertype == "Admin"){?>
    <li>
    <a href="<?php echo base_url(); ?>user/"><i class="fa fa-list fa-lg"> </i> List Users </a> 
    </li>`

Answer 1

您可以使用$this->uri->segment();

<li>
    <a href="<?php echo base_url(); ?>patient/createpatient" <?php if($this->uri->segment(1)=="menu_name"){echo 'class="active"';}?> ><i class="fa fa-users fa-lg"></i> Create Patient </a>
</li>
<?php } ?>
    <li>
       <a href="<?php echo base_url(); ?>patient/listpatient" <?php if($this->uri->segment(1)=="menu_name"){echo 'class="active"';}?> ><i class="glyphicon glyphicon-list-alt fa-lg"> </i> List Patients </a> 
    </li>
<?php if( $usertype == "Admin"){?>
    <li>
    <a href="<?php echo base_url(); ?>user/" <?php if($this->uri->segment(1)=="menu_name"){echo 'class="active"';}?> ><i class="fa fa-list fa-lg"> </i> List Users </a> 
    </li>

Answer 2

我在大多数项目中都这样做。 我是如何做到这一点的；

<a href="<?php echo site_url('patient/listpatient'); ?>" class="<?php if($this->uri->uri_string() == 'patient/listpatient') { echo 'active'; } ?>"><i class="glyphicon glyphicon-list-alt fa-lg"></i> List Patients</a>

它匹配当前 uri 字符串和链接 href。 如果匹配，则将活动类添加到链接中。

希望这可以帮助。

我还在 base_url 上使用了 site_url

Answer 3

试试这个。 我认为不需要 javascript 或 jquery。

如果您使用的是 codeigniter，那么您可以使用 URI 类。 使用从 url 获取菜单

$this->uri->segment();  

并适用于您的代码如下

<li>
    <a href="<?php echo base_url(); ?>patient/listpatient"><i class="glyphicon glyphicon-list-alt fa-lg <?php if($this->uri->segment(1)=="memu_name"){echo "active";}?>"> </i> List Patients </a> 

</li>

Answer 4

我使用过 Codeigniter URI Class $this->uri->segment();

请看我的代码：

<li class="<?=($this->uri->segment(1)==='technology')?'active':''?>"><a href="<?php echo base_url('technology')?>">Tech</a></li>

请注意....

class="<?=($this->uri->segment(1)==='technology')?'active':''?>"

您也可以使用 URI 类$this->uri->uri_string()

这是我的主页活动类（索引）

<li class="<?=($this->uri->uri_string()=== '')?'active':''?>"><a href="<?php echo base_url('')?>">Home</a></li>

Answer 5

<a href="<?=site_url('contact')?>" <?php if($this->uri->segment(1)=="contact") {echo 'class="active nav__item-link"';}?> class="nav__item-link">Contact Us</a>