ボタンをの効果を無効化する方法!jQuery&CSS

:^)

 

 今回はjQueryでボタンの無効化をしてみたいと思います!ちょっとボタンもオシャレに(笑)最近知ったんですが、日本の顔文字と海外の顔文字違うらしく。日本→(`・ω・´) 海外→ ; ) 文化が違えば顔文字も違うとは…さて。


CSS
/*
.btn{
 pointer-events : auto;  //有効化
 pointer-events : none; //無効化
}
 CSSだけでボタンを効かなくするのであれば、none、とautoを使い分けましょう
 */

jQuery


$(‘.btn’).on(‘click’,function(){
var select = confirm(“ボタンを効かなくする?”);
if(select){
$(‘.btn’).css({‘pointer-events’:’none’});
alert(“OK”);
}else{
$(‘.btn’).css({‘pointer-events’:’auto’});
alert(“NG”);
}
});


<div>で<script>タグを囲ってあげる。

  jQueryを外部から読みます<script type=”text/javascript” src=”URL”>


 消してはいけない…みたいなとこのボタンは無効化して使えなくしてあげてもいいですね!ぜひ、参考にして見てください。



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です