スタッフブログStaffblog

リンクタグの値を無効化

2014.01.28
スタッフブログ

ども、タカミチです。

HP作成中にグローバルメニューでTOPに
別ページに移動せず、また、ページ内リンクでとばない
メニューは作れないものなのかと思い調べました。

いくつか方法があるみたいですが、私が使用した方法を紹介

やり方は簡単です。

 

$(function(){
$('a[href=#]').click(function(){
return false;
})
});

このテキストをjsで保存しFTPでサーバーにUP
んで、
head内で保存したファイルとjqueryを

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js”></script>
<script type=”text/javascript” src=”保存したファイル.js”></script>

でよみこんで、リンクなしにしたいメニューの<a>タグを

<a href=”#”>

でできあがり。
おしても反応しないメニューができたはずです。

javascriptの勉強もしてさらに自由度の高いHPをつくれるよう頑張らねば

この記事をSNSでシェア!