1:ID:6Wutru · 2018-02-21

#アンカーリンクやでよくあるナビゲーションで、リストタグの中にaタグでアンカーリンクを貼っています。
そのアンカーリンクがクリックされた際にページ移動もしつつ、aタグにclassを付与して装飾したい。
しかし、アンカーリンクをクリックしてもon clickだとページ内移動しかせずイベントが発火しないんですが、どう書くのが良いでしょうか。

いいね! 7 あとで

7 件の回答

時系列表示 — 階層表示

2:ID:mWUGG. · 2018-02-21

<a href="" onclick="event.preventDefault();location.href="#aaa";event.target.classList.add("bbb");">
とか

1いいね!

3:ID:3KL4TO · 2018-02-21

普通に実装すればできるのでは？
コピペで実装してない？
return falseって言う記述あれば削除しよう

1いいね!

5:ID:wGy7B/ · 2018-02-22

Re:2
なるほど、やってみます。
ありがとうございます。

6:ID:wGy7B/ · 2018-02-22

Re:2
回答ありがとうございました。
html側を書き換えるのは、数があるので諦めました。

jQuery使って下記で実現できました。

$('li a').on('click',function(){
var target = this;
$('li a').each(function () {
if( this == target ){
$(this).addClass('classname');
}else{
$(this).removeClass('classname');
}
});
});

8:ID:wGy7B/ · 2018-02-22

Re:3
普通にいけました。

2 件の回答が除外されました。[詳細]

コメントの受付は終了しました。

7 件の回答

一緒に読まれている質問