javascript - 单击后禁用 div

Question

我有一个 Tic Tac Toe 游戏，我想阻止玩家“覆盖”已经被占用的单元格。 Here's游戏。

我试过用这个:

function stopClick() {
    if (document.getElementsByClassName("pos").innerHTML !== "") {
        $(this).disabled = "disabled";
    }
}

还有许多其他类似的功能，但没有任何效果。有任何想法吗？谢谢!

Answer 1

我编辑了你的游戏，可以在这里找到一个可用的版本: https://jsfiddle.net/f1apoya1/7/

基本上添加一个类:

.already-played {
  pointer-events: none;
}

以及您的 updateButtons 函数:

function updateButtons() {
    for (var i = 0; i < 3; i++) {
        for (var j = 0; j < 3; j++) {
            $("#c" + i + "" + j).text(board[i][j] == false ? "x" : board[i][j] == true ? "o" : "");
            if (board[i][j]) {
                $("#c" + i + "" + j).addClass('already-played');
            }
        }
    }
}