ファンクション内にアラートを表示すると、ディセーブル機能が動作しています

Question

#sportsという要素のクリック機能を無効にしようとしました。関数内でalert()を呼び出すと動作しますが、呼び出さずに動作させたいのです。もし私がそのコードをコメントアウトすると、それは機能しません。

$("#sports").off("click").on("click", function() { 
    alert("disable click"); 
}); 

Answer 1

することはできon()メソッド内off()メソッドを呼び出すと、それを無効：

$("#sports").on("click", function(){ // on button click 
 
    console.log("click disabled");  // Do anything, console.log, alert, anything 
 
    $(this).off("click");   // then disable the click event, set it to off, 
 
            // this way the on click event won't fire 
 
            // again unless it's created, again 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="sports">Click</button>

Answer 2

何event.preventDefaultを試みる程度（ここで

は私のコードです）？

$("#sports").on("click", function (event){ 
    event.preventDefault(); 
    event.stopPropagation(); 
    return false; 
}); 

しかし、あなたはそれを無効にしたい場合は、そのクリック機能を無効にする必要はありません - DOM要素の「無効化」プロパティを設定するのに十分です：

$("#sports").disabled = true;