Question

我突出显示打开的链接有小问题。所以我想要的：如果页面加载，则打开足球（链接）类别：

<script type="text/javascript">
       var x = location.hash.replace("#", "");
       if (x===""){
         window.location.href = "#football";
        }
</script>

我希望在页面加载时自动突出显示此类别（更改当前链接的颜色）。之后（某人）点击其他类别（链接）突出显示当前类别。例如，其他链接具有其他颜色。需要在页面上更好地定位。我创建了JSFiddle示例here。

Answer 1

我相信这就是你所需要的：

为当前类别设置文档加载的颜色：

$('#link-' + hashStr).css({
     'color': 'red'
});

更改类别点击颜色：

$('.nav1').css({'color': 'black'});
$('#link-' + hashStr).css({'color': 'red'});

请注意，我更新了其中一个导航链接，因此它们都具有相同的类：

<li><a class="nav1" data-tab="#hockey" id="link-hockey"href="#hockey">Hockey</a></li>

updated fiddle

使用CSS或js突出显示当前链接

1 个答案: