1

前のページからクリックされているアンカー リンクを検出しようとしています。

私は次のようなHTMLを持っています

index.html

<a href='test.html#project1'>project1</a><a href='test.html#project2'>project2</a><a href='test.html#project3'>project3</a>

bunch of stuff...

test.html

<a href='#project1'>project1</a><a href='#project2'>project2</a><a href='#project3'>project3</a>

<a id = 'project1'>bunch of stuff......</a>
bunch of stuff
<a id = 'project2'>bunch of stuff......</a>
bunch of stuff
<a id = 'project3'>bunch of stuff......</a>
bunch of stuff

クリックしたリンクのテキストの色を赤く大きくしたい。したがって、ユーザーがindex.htmlから project1 をクリックすると、 text.htmlテキストの project1が赤くなり、大きくなります。

CSSまたはjQueryを介してこれを行う方法はありますか?

ありがとう！

4

1 に答える 1

3

次のコードを使用します。

if(window.location.hash){
    $('a[href="'+ window.location.hash +'"]').addClass('active');
}

そしてCSSクラスの例:

a.active{
    color: red;
    font-size: 18px;
}

これは、存在するかどうかをチェックし、存在する場合は、ハッシュと等しい値を持つ要素をwindow.location.hash検索します。次に、一致した要素にクラスを追加します。ahref.active

于 2013-10-02T22:39:58.867 に答える