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

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

確認環境

  • jQuery 1.7.2

コード

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





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








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