突出顯示與CSS或js的當前鏈接

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