通过以下方式突出显示活动锚href :target或jquery
通过以下方式突出显示活动锚href :target或jquery
提问于 2013-03-08 03:53:35
在此页面上> http://clickbump.com/65/
当您单击目录“在本文中”特性中的一个链接时，它会自动将内容滚动到视图中，并使用一个很小的jquery将toc小部件移动到当前锚点附近。
理想情况下，我应该使用:target属性来突出显示toc小部件中当前处于活动状态的部分。但是，我已经将其用于锚点本身。
jQuery能做到这一点吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-03-08 03:58:25
当有人单击链接时，您可以很容易地添加一个类
$('.cb-toc li').click(function() {
$(this).addClass('active').siblings('li').removeClass('active');
});下面是包含上述内容的a working .jsfiddle
Stack Overflow用户
发布于 2013-03-08 07:12:18
由于您似乎要将文档中的TOC实际移动到锚点下方的位置，因此您可以使用纯CSS来执行此操作：
#bookmark2:target + .cb-toc a[href="#bookmark2"] {
color: #444;
}当然，这样做的问题是您必须为每个锚/链接对添加一个选择器，而且既然您已经在使用jQuery来操纵目录的位置，那么坚持使用Jon Harding提出的基于jQuery的解决方案会更好、更简洁。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15280480
复制相关文章
相似问题
腾讯云开发者
