javascript - Tic Tac Toe 游戏结束后禁用按钮

Question

感谢这里人们的帮助，我成功地禁用了点击 div 并在已经使用 $(".pos").addClass('already-played'); 选择它们时覆盖它们； 以及 CSS 中的这个:

.已经播放{
指针事件:无；
}

我尝试将这个 $(".pos").addClass('already-played'); 添加到一堆函数中，以尝试在获胜或获胜后完全禁用棋盘平局，但没有成功。例如，这里:

            //if a row or column win occurs, return 1
            if (rowComplete || colComplete) {
                return value ? 1 : 0;
                $(".pos").addClass('already-played');
            }
        }

        //if a diagonal win occurs, return 1
        if (diagComplete1 || diagComplete2) {
            return value ? 1 : 0;
            $(".pos").addClass('already-played');
        }
    }

    //draw
    if (allNotNull) {
        return -1;
        $(".pos").addClass('already-played');
    }

我也尝试过这个功能:

function disableBoard() {
    if ($("#status").text() != "") {
         $(".pos").addClass('already-played');
    }
}

这要么不执行任何操作，要么在第一次执行后禁用点击。 Here's the fiddle 。有什么想法吗？

Answer 1

替换为这个

function updateMove() {
    updateButtons();
    var winner = getWinner(board);
        if(winner==1 || winner==0 || winner==-1)
           $(".pos").addClass("already-played")
        $("#status").text(winner == 1 ? "Your computer won!" : winner == 0 ? "You won!" : winner == -1 ? "It's a draw!" : "");
}