改變風格

Question

我使用下面的代碼

<style> 
    .navbar .nav a.current {color:#3598fe; } 
</style> 
<script type="text/javascript" charset="utf-8"> 
    //<![CDATA[ 
    jQuery(function() { 
     jQuery('.primary-nav a').each(function() { 
      if (jQuery(this).attr('href') === window.location.pathname) { 
       jQuery(this).addClass('current'); 
      } 
     }); 
    }); 
    //]]> 
</script> 

這部分在身體

<ul class="nav pull-right"> 
    <li><a href="#Home">Home</a></li> 
    <li><a href="#contact">Contact</a></li> 
    <li><a href="#about">About</a></li> 
</ul> 

有人可以幫助我正確的代碼更改爲活動超鏈接的顏色？

Answer 1

我建議：

$('ul.nav a').filter(function(){ 
    return $(this).attr('href') === window.location.hash; 
}).addClass('current'); 

Proof-of-concept。

參考文獻：

• addClass()。
• attr()。
• filter()。

Answer 2

沒有必要使用jquery這個只是用這個CSS

.nav a {} 
.nav a:active {} 

是的，我看到他想要的東西，大衛·托馬斯解決方案似乎這樣的伎倆

Answer 3

這是一個選項，如果你不想在jQuery中弄髒你的手，可以使用它。 （我建議以後找到更好的選擇，因爲在網上的款式是不是要走的路）

<ul class="nav pull-right"> 
    <li><a class="nav navhome" href="#Home">Home</a></li> 
    <li><a class="nav navcontact" href="#contact">Contact</a></li> 
    <li><a class="nav navabout" href="#about">About</a></li> 
</ul> 

那麼你會的每一頁上添加一個內嵌樣式，你希望它改變什麼都風格。

<style> 
    .nav a.navhome {color:#ff7200; } 
</style> 

這會改變當前頁面的類來覆蓋文本的顏色。

就像我之前說過的那樣，這是一個解決方案，但我建議你學習一些jQuery，使其更加流暢和流暢。