[英]Put active class on active nav bar in bootstrap
I have a navigation bar like this: 我有一个像这样的导航栏:
<li class="active">
<a href="{% url 'website:wedding' %}">Home</a>
</li>
<li><a href="/todo_list/">To-do</a></li>
<li><a href="/budget/">Budget</a></li>
Now, even if I am on To-do navigation bar the blue effect remains on Home nav only as there is class=active
. 现在,即使我在“待办事项”导航栏上,蓝色效果也仅在有class=active
保留在Home导航上。 How can I make it dynamic, so that if I am on To-do, the blue effect will comes on To-do
nav bar. 如何使其具有动态性,以便在执行“待办事项”时,蓝色效果会出现在To-do
导航栏上。
This should work 这应该工作
$(document).ready(function(){
$('.navbar').on('click','li',function(){
$('.navbar').find('.active').removeClass('active');
$(this).addClass('active');
});
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.