【コピペで実装】aタグのクリックを禁止する方法

aタグでコーディングを実装したものの、一部のリンクの公開がまだ先で、aタグのリンクをつないだらNGな場面があります。

ただcssはaタグで書いてしまっているのでspanに書き直したらデザインが大きく崩れてしまう。なんてことがあります。

そんなときはjQueryで3行追加するだけ。

html

<a href="https://xxxxxx.com" class="no-link">ここにリンクをはる</a>

jQuery

$('.no-link').click(function(){
    return false;
});

css

cssに関しては、aタグのカーソルをデフォルトに直すために利用します。

.no-link{
	cursor:default;
}

 

最新情報をチェックしよう!