jQueryで、href内にjQuery処理をするためのトリガーとして#付きアンカータグをつけることがあります。html的にはアンカーとして見ているためリンクとして反応してしまい、ページの上へスクロールしてしまったりすることがあります。
それを解決する方法があったのでメモ。
確認環境
- jQuery 1.7.2
コード
まずはコードをさらっと紹介します。
jQueryでアンカーリンクを反応させたくない場合はpreventDefault();をつけると良いみたいのテスト
functionとして処理するものに対してe(eventの略)を指定し、e.preventDefault();と記述することで、リンクとしての処理を抑えることができるようです。