javascript - 将区域从可点击更改为 "unclickable"

Question

我正在编写一个基于 javascript 的井字游戏。

我想让它在用户完成游戏后，所有的空地都不能再次点击，因此他们不能继续在棋盘上添加 x。

目前，我开始使用 JQuery 来创建网格点，如下所示:

 $('#upleft').click(function()

其余部分正确出现，但据我所知，这是使其可点击的原因。

具有上面指定的唯一 id 的每个空间也有一个 tictactoe 类，所以我想通过这样做来关闭“可点击性”:

 $(document).off("click", ".tictactoe");

然而它似乎并没有起作用。有什么建议么？我对其他功能等持开放态度。谢谢!

Answer 1

您应该在元素上调用 off 方法。

$('#upleft').on('click', function() { });
//...
$('.tictactoe').off('click');