这是我的下拉列表,
<li class=dropdown>
<a class=dropdown-toggle data-toggle=dropdown href=# id='ent_management'>Ent Management <span class=caret></span></a>
<ul class=dropdown-menu>
<li><a href='ent_intern.php'>Student Resume</a></li>
<li><a href='ent_arrangement_data.php'>Student management</a></li>
</ul>
</li>
当我单击“学生简历”或“学生管理”时,页面将重定向到相应的页面,这将刷新页面。
网页重定向后,我想向 Ent Management 添加一个活动类。这就是我的方法:
<script type='text/javascript'>
$('#ent_management').addClass('active');
</script>
<style>
.active{
color: red;
}
</style>
实际上不起作用。有任何想法吗?非常感谢。
答案 0 :(得分:0)
尝试使用此代码。更改代码后,请清除浏览器缓存,然后刷新页面。希望这对您有用。
window.onload = function(){
$("#ent_management").addClass("active");
}
答案 1 :(得分:0)
您实际上违反了DOM规则。这样做:
<style>
.active{
color: red;
}
</style>
<li class=dropdown>
<a class=dropdown-toggle data-toggle=dropdown href=# id='ent_management'>Ent Management <span class=caret></span></a>
<ul class=dropdown-menu>
<li><a href='ent_intern.php'>Student Resume</a></li>
<li><a href='ent_arrangement_data.php'>Student management</a></li>
</ul>
</li>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$('#ent_management').addClass('active');
});
</script>