禁用按鈕結束

Question

感謝的人在這裏我設法禁止點擊的div和重寫他們時，他們已經被使用$(".pos").addClass('already-played');選擇的幫助，這在CSS：

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

我試着將這個$(".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!" : ""); 
}