前段时间问了一个类似的问题,并试图建立我的答案,但仍然遇到问题。
我有一个导航菜单,可以链接到页面中的不同位置。我希望活动窗格的链接带有下划线。请参阅 jsFiddle 进行演示。这return false
是代码的必要部分。我有一个 javascript 函数将页面引导到该位置,而不是立即跳转到它。
谢谢!
http://jsfiddle.net/danielredwood/aBuZu/3/
HTML
<div id="nav">
<a href="#about" id="nav_about">ABOUT</a><br />
<a href="#pictures" id="nav_pictures">PICTURES</a><br />
<a href="#contact" id="nav_contact">CONTACT</a>
</div>
CSS
a, a:active, a:visited {
color:#1d1d1d;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
JavaScript
$('#nav a').click(function(){
$('#nav a').css('text-decoration', 'none', function(){
$(this).css('text-decoration', 'underline');
});
return false;
});