2016-05-24 1 views
0

以前にハッシュを選択したリンクに要素を選択(アクティブなクラスを追加)しようとしています。特定のハッシュを持つリンクを選択する

だから、私はでクリックします:

<a href="example.com/#about"> 

次に、ページはそう#aboutハッシュを持つすべてのリンクが.activeクラスを持っている必要があり、セクションを#about表示されます。

以下このコードは非常に唯一の問題は今、すべてのリンクを見つけて、アクティブクラスを追加することで、URLからハッシュを取得:

$('header a').on('click', function() { 
     var hash = window.location.hash.substring(1); 
     alert (hash); 
}) 
+0

なぜリンクをクリックしてウィンドウのURLからハッシュを取得していますか? – gurvinder372

+0

リンク上にたくさんあるかもしれないので、リンクをクリックし、どのクリックが良い解決策のように見えるかを確認してください... – user3573535

+0

それは意味がない、window.locationは現在のURLを返します。あなたがthis.href –

答えて

0

あなたはアンカータグを取得するために$属性セレクタと端を使用することができます。

$('header a[href$="' + window.location.hash + '"]').addClass('active'); 
関連する問題