ちゃんと覚えておけよ?

忘れちゃいけない事のメモ、覚え書き

特定のページ内リンクをjQueryで止める方法

私が何故こんな事をしたかったかというと、スマホページでアドレスバーを隠した後に、ページ内リンクをクリックしたときにアドレスバーがまた出現してしまったために何か良い方法はないかと考えました。

まず、
<a href=”#”>など何でもいいリンクが入れられているなら、

 <a href="javascript:void(0)">LINK</a>

無効にするだけでしたらこの方法で問題ありませんがマウスオーバー時「javascript:void(0)」が表示されます(※ブラウザ依存)
その他の方法として、

<a href="#">ではなく、<a name="#">などを使う。

jQueryで対応する場合は、

例えば、<a href=”#”>テキスト</a>などのリンクは無効にしたい場合に以下をフッターなりに入れれば、OK

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('a[href=#]').click(function(e){
e.preventDefault();
})
});
</script>

Comment

*