加載第一個錨鏈接背景顏色變化

我有點驚訝，當我加載頁面時，它工作正常，並與第一個錨鏈接相關的數據打開。 week1-faith ...但Link1「Faith」背景顏色在Onload上未激活。請讓我知道解決這個問題...加載第一個錨鏈接背景顏色變化

2012-05-31 Thirupathi Vemula

喜在第一個鏈接添加活動類爲這樣

<li class="link week1-faith active" rel="#faith"><a href="#week1-faith">FAITH</a></li>

Upadated在你的JS文件

添加一行文件

$('.coda-nav > ul > li:first').addClass('active'); //**********Add This line in your js*************//

in javascripts/modules.js

// Script for chapters of MODULE 1 
$(function() { 
$('div.panel').hide(); 
$('.coda-nav > ul > li:first').addClass('active'); //**********Add This line in your js*************// 
$('div.panel:first').addClass('active').show(); // Keeps the first one on 
$('li.link').click(function() { // When an item is clicked

來源

2012-05-31 06:07:17

已經在

FAITH

上課。如果我刪除該類刷新功能將丟失。任何方式，我已經添加刪除以前的類和添加烏爾代碼，但是當我點擊另一個鏈接時，第一個仍然活躍 –

我已經更新我的答案，現在你可以定義你的李類活動像這樣看到上面 –

嗨Rohit，你的更新的代碼對我很好，但是當我刷新頁面的背景顏色沒有來的第一個鏈接 –

有了這個：

(function($){ 
    var hash = window.location.hash; 
    $('a[href$='+ hash +']').addClass('active'); 
})(jQuery);

然後在你的CSS有積極變化的背景。

我試着在你的頁面中選擇，並正在不錯:)

來源

2012-05-31 06:13:36

謝謝安東尼奧for ur回覆 –

我不是在CSS那麼好，但

您有這方面的CSS

.coda-nav ul li.active a { 
    background: none repeat scroll 0 0 #287ED6; 
    color: #EDEDED; 
}

這

#leftmenu ul li { 
    height: 143px; 
    list-style: none outside none; 
    margin: 0; 
    padding-top: 15px; 
    width: 143px; 
} 
#leftmenu ul li a:link, a:hover, a:visited, a:active { 
    color: #FFFFFF; 
    font-size: 16px; 
    text-decoration: none; 
    text-shadow: 1px 1px #666666; 
}

我覺得有覆蓋 CSS的所以建議通過CSS或JavaScript來解決這個問題

e.g element.className = 'newClassName';

Link JavaScript tutorial - DOM CSS

UPDATE：

，並確保所發生的事情，和你在做什麼使用getComputedStyle鏈接中的方法請參閱示例

來源

2012-05-31 06:20:36 shareef

加載第一個錨鏈接背景顏色變化

回答

相關問題