单击“激活”并加载链接指向的页面

Question

$(function() {
	$('a:first-child').addClass('active');
    $('a').click(function() {
	$('.active').removeClass('active');
     $(this).addClass('active');
    });
});

nav a {
	color:#333;
	background:#186467;
	padding:10px;
}
.active {
	color:#fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav>
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a>
</nav>

伙计当我点击它时，它指向我想要的链接，但是活动不起作用。活跃的“HOME”仍然存在。

如果我添加preventDefault（）页面并不指向链接。

Answer 1

对于那些感兴趣的人，我找到答案;

var path = window.location.href;
$('a').each(function() {
    if (this.href === path) {
        $(this).addClass('active');
    }
});