javascript - 如果我在函数内发出警报，则禁用功能正在工作

Question

我尝试禁用 ID 为 #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>