我编写的代码在单击导航栏时添加类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/

10-12 12:50
查看更多