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。如果匹配，则将链接添加为活动类。

希望这有帮助。

我还使用了site_url over base_url

Answer 3

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

如果您使用的是codeigniter，那么您可以使用URI类。使用

从网址获取菜单

$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类$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>

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

4 个答案: