JQuery URLイベントリスナー
-
03-07-2019 - |
質問
リンクIDセレクターに基づいて要素を強調表示するようにJQueryを取得しようとしています
例
<a href="#thisid">Goto Element with ID name</a>
下の要素を強調表示します。
<div id="thisid" class="isNowHighlighted">FooIsCoolButNotBetterThenBar</div>
関連するプラグインを検索しようとしましたが、喜びはありませんでした。アイデアはありますか?
解決
クラスを追加するだけですか?
jQuery('a[href^=#]').click(function(){
var id = this.hash.replace('#','');
$('#' + id).addClass('isNowHighlighted');
});
編集:
コメントへの回答。ページが読み込まれたときにも同じことができます:
$(document).ready(function(){
if (window.location.hash) {
$('#' + window.location.hash.replace('#','')).addClass('isNowHighlighted');
}
});
他のヒント
#thisIdはアンカーではないので、無意味なので、次のようにします:
<a data-highlight="thisid" href="#">Goto ..</a>
$('a[data-highlight]').click(function(event){
$('#' + $(this).data('highlight')).addClass('isNowHighlighted');
event.preventDefault();
});
所属していません StackOverflow