0017

jQueryでアンカーリンクを反応させたくない場合はpreventDefault();をつけると良い

jQueryでアンカーリンクを反応させたくない場合はpreventDefault();をつけると良い

2012.8.25

jQueryで、href内にjQuery処理をするためのトリガーとして#付きアンカータグをつけることがあります。html的にはアンカーとして見ているためリンクとして反応してしまい、ページの上へスクロールしてしまったりすることがあります。
それを解決する方法があったのでメモ。

確認環境

コード

まずはコードをさらっと紹介します。





jQueryでアンカーリンクを反応させたくない場合はpreventDefault();をつけると良いみたいのテスト










functionとして処理するものに対してe(eventの略)を指定し、e.preventDefault();と記述することで、リンクとしての処理を抑えることができるようです。