我想更改所选菜单链接的颜色。选择菜单后,用户将被重定向到该 URL,我希望该链接更改颜色。单击链接时页面重新加载
$(document).ready(function() {
$('.entry-link > ul li').click(function(e) {
$('.entry-link > ul li').removeClass('selected');
$(this).addClass('selected');
});
});
.entry-links > ul li.selected {
background-color: green;
font-weight: 800;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<nav class="entry-links">
<ul>
<li class="">
<a href="#~/" title="För elever">För elever</a>
</li>
<li>
<a href="#/for-skolpersonal/" title="För skolpersonal">För skolpersonal</a>
</li>
<li>
<a href="#/ungdom-och-elevdatabas/" title="Ungdom och elevdatabas">Ungdom och elevdatabas</a>
</li>
</ul>
</nav>
我没有收到错误,但什么也没发生
最佳答案
尝试
$(document).ready(function (e) {
$('.entry-links a').click(function (e) {
e.preventDefault();
$('.entry-links > ul li').removeClass('selected');
$(this).parent().addClass('selected');
});
});
关于jquery - 选择时更改菜单链接的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33801537/