我编写的代码在单击导航栏时添加类active。
JS公司:
$(".nav li a").on('click', function(e) {
$(".nav .active").removeClass('active');
console.log($(this));
$(this).parent().addClass('active');
e.preventDefault();
});
HTML格式:
<ul class="nav navbar-nav">
<li><a href="/board/math">math</a></li>
<li><a href="/board/english">english</a></li>
<li><a href="/board/interstellar">interstellar</a></li>
<li><a href="/board/science">science</a></li>
</ul>
如果单击
li
标记,将添加活动类。但无法为href链接移动页面。我怎样才能解决这个问题?
最佳答案
问题是你对需求的态度。
不需要有一个click处理程序,相反,在dom中,您可以
$('.nav li a[href$="'+window.location.pathname+'"]').addClass('active');
或
var path = window.location.pathname;
$('.nav li a').each(function(){
return path.indexOf($(this).attr('href'))>-1
}).addClass('active');
关于jquery - 为什么过渡到页面不起作用?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30095147/