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

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

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

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

html

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

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

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

$('.no-link').click(function(){

return false;

});

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

.no-link{
	cursor:default;
}

.no-link{

cursor:default;

}

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