jquery - 最初のアンカーリンクの背景色の変更をオンロード

Question

ページを読み込んでいるとき、ページは正常に機能していて、最初のアンカーリンク関連のデータで開いています。week1-faith ...しかし、Link1の「Faith」の背景色はOnloadでアクティブになりません。これを修正するために私に知らせてください...

Answer 1

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';

リンク JavaScript チュートリアル - DOM CSS

アップデート：

何が起こっているのか、何をしているのかを確認するには、リンクのgetComputedStyleメソッドを使用して、例を参照してください

Answer 2

これとともに：

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

次に、css でアクティブにして背景を変更します。

あなたのページでセレクターを試してみましたが、うまく機能しています:)

Answer 3

こんにちは、このように最初のリンクにアクティブなクラスを追加します

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

js ファイルで更新

ファイルに 1 行追加します

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

の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