我有一个这样的导航栏:
<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>
现在,即使我在待办事项导航栏上,蓝色效果也只保留在主页导航栏上,因为有 class=active
。我怎样才能让它动态化,这样如果我在待办事项上,蓝色效果就会出现在 To-do
导航栏上。
最佳答案
这应该可行
$(document).ready(function(){
$('.navbar').on('click','li',function(){
$('.navbar').find('.active').removeClass('active');
$(this).addClass('active');
});
})
关于javascript - 在 Bootstrap 中将事件类放在事件导航栏上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19557491/