[JavaScript] クリックしても何も起きないダミーのアンカー(リンク)

デザイナーから上がってきたHTMLファイルに、ページ遷移を必要としないんだけどアンカーが使われている箇所が幾つかあった。

スタイルシートで “foo a” の見栄えが設定されているけど、アンカーは生きているのでクリックするとページがリロードされてしまう。クリッカブルな挙動はjQueryで制御するとして、HTMLのアンカーとしての機能は殺しておきたい。どうするか。

手っ取り早いのは以下かな。

参考サイト

クリックしても何も起こらないダミーのa要素 – Qiita
http://qiita.com/448jp/items/dbd2e4ee0a6ec500d329