【JS】jQueryでAタグ(リンク)を無効化する方法
2018/02/01
jQueryを使い、Aタグ(リンク)を無効にするスクリプトを作成したのですが、ちょくちょく出てくるたびに調べるか自分で書いた過去ネタを探しに行っているので、備忘録としてポストします。
全てのAタグを無効化
あまり使い道は無いとは思いますが、とりあえず。
1 2 3 4 5 |
$(function(){ $('a').click(function(){ return false; }) }); |
class指定のAタグを無効化
こちらはちょっと頭の良いやり方。
リンクのclass名を「cancel」としたものを無効化します。
実用的かと。
ちなみに "foo.html" は空白でも構いませんし、"cancel" とでもしておけば、統一が図れるような気がします。
1 |
<a href="foo.html" class="cancel">リンク</a> |
1 2 3 4 5 |
$(function(){ $('a.cancel').click(function(){ return false; }) }); |
もしくは、リンク先を "#cancel" としたこの書き方もアリかと思われます。
1 |
<a href="#cancel">リンク</a> |
1 2 3 4 5 |
$(function(){ $('a[href=#cancel]').click(function(){ return false; }) }); |