js/jquery/cssクリックイベント無効
5015 ワード
js/jquery/cssクリックイベント無効
>仕事中にこのような状況に遭遇した:メールボックスのページの再送信を検証するには3分後に再送信をクリックする必要があるので、その前に彼のクリックを無効にする必要があります。
==ネットで調べたところ、いくつかの実現方法がありました==
1.cssマウスクリックイベントを無効にする
.disabled { pointer-events: none; }
// , *** ***
jquery aラベル無効化方法1
01 $(document).ready(function () {
02 $("a").each(function () {
03 var textValue = $(this).html();
04 if (textValue == "XX " || textValue == " ") {
05 $(this).css("cursor", "default");
06 $(this).attr('href', '#'); // のhref が#の 、ステータスバーにはリンクアドレスが されません
07 $(this).click(function (event) {
08 event.preventDefault(); // target="_blank"を し、 しいページを くのを するには、この が です。
09 });
10 }
11 });
12 });
jquery aラベル無効化方法2
1 $('a.tooltip').live('click', function(event) {
2 alert(" , !");
3 event.preventDefault();
4 });
jquery a 3
1 $(function(){
2 $('.disableCss').removeAttr('href');// a href
3 $('.disableCss').removeAttr('onclick');// a onclick
4 });
jquery制御ボタンの無効化と有効化
コントロールボタンは無効です.
1 $('#button').attr('disabled',"true"); disabled
2 $('#button').removeAttr("disabled");
// disabled
Live()メソッドは、選択された要素に1つ以上のイベントハンドラを付加し、これらのイベントが発生したときに実行される関数を規定する.
live()メソッドで追加されたイベントハンドラは、スクリプトによって作成された新しい要素など、セレクタの現在および将来の要素に一致するのに適しています.
++問題:jQueryのlive()メソッドを使用してイベントをバインドすると、ボタンをクリックすると、このボタンにバインドされたイベントがnパス実行されるなど、繰り返しバインドされる場合があります.++
==解決:die()メソッドを使用して、live()メソッドがバインドされる前に、この要素上の前にバインドされたイベントをすべて解除し、live()メソッドで新しいイベントをバインドします.==
Jsコード
// die() , live()
$("#selectAll").die().live("click",function(){
//
});
// die() , live()
$("#selectAll").die().live("click",function(){
//
});
die()