javascript - jQuery 使用 .off 取消绑定(bind)点击处理程序，然后使用 .on 重新绑定(bind)

Question

我试图通过像这样用 .off 解除点击处理程序的绑定(bind)来防止按钮被意外单击两次...

$(".button").click(function () {
    console.log("Button has been clicked and disabled");
		$( ".button" ).off();
});

$(".button2").click(function () {
    console.log("Button has been re-enabled");
		$( ".button" ).on();
});

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

<button class="button2">
    Re-enable click
</button>

我正在努力用 .on 重新绑定(bind)它，任何人都可以给我指出一个示例的方向或指出我做错了什么吗？

Answer 1

在按钮 2 的点击函数中，使用以下命令重新启用第一个按钮的点击处理:$(".button").click(buttonOneClick); 这是一个例子:

var buttonOneClick = function () {
    console.log("Button has been clicked and disabled");
		$( ".button" ).off();
};
$(".button").click(buttonOneClick);

$(".button2").click(function () {
    console.log("Button has been re-enabled");
    $(".button").click(buttonOneClick);
});

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

<button class="button2">
    Re-enable click
</button>