Javascript 类名更改
我创建了一个带有导航菜单的网站。该网页是在CodeIgniter中创建的。我想将一个活动页面链接的颜色更改为另一个 我在首页上尝试了一些JS。首先,我尝试了多个无序列表。这不起作用,现在我只保留了导航菜单元素的无序列表Javascript 类名更改,javascript,php,html,css,codeigniter,Javascript,Php,Html,Css,Codeigniter,我创建了一个带有导航菜单的网站。该网页是在CodeIgniter中创建的。我想将一个活动页面链接的颜色更改为另一个 我在首页上尝试了一些JS。首先,我尝试了多个无序列表。这不起作用,现在我只保留了导航菜单元素的无序列表 <script type="text/javascript"> $(document).ready(function(){ $('#mainav ul li').click
<script type="text/javascript">
$(document).ready(function(){
$('#mainav ul li').click(function(){
console.log('find');
$(this).addClass("active");
});
});
</script>
$(文档).ready(函数(){
$('mainav ul li')。单击(函数(){
console.log('find');
$(此).addClass(“活动”);
});
});
这里mainav是标题中
的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>
我需要确定哪个页面现在处于活动状态。即更改活动链接的颜色。请尝试以下操作:
<a class="<?php if($this->uri->segment(1)=="search"){echo "active";}?>"