Question

我到目前为止已经有了这段代码：

<section class="top-bar-section">
<ul class="adjust">
<li class="active"><a href="#">HOME</a></li>
<li class=""><a href="#contact">CONTACT</a></li>
<li class=""><a href="#">BLOG</a></li>
<li class=""><a href="#">SHOP</a></li>
</ul>      
</section>

基本上，当我点击“联系”链接时，我希望课程更改为活动状态。这会将页面向下移动到页脚。你们知道我怎么能这样做吗？我在这里尝试了Jquery的东西，但由于某种原因我似乎无法让它工作。

如果有帮助，我正在使用Foundation 5.0.3。）

Answer 1

你可以使用像这样基本的东西：

$('.adjust > li').click(function(){
    $(this).addClass('active').siblings('li').removeClass('active');
});

EXAMPLE HERE

单击后如何将类更改为活动状态

1 个答案: