クリックした後に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'); 
      } 
     } 
    } 
} 

Answer 2

あなたはJSを使用したい場合は、あなたがチェックし、そのユーザーをブロックするために、いくつかのクラスを追加することができます）この

$(this).css('pointer-events', 'none'); 

Answer 3

1を使用してください。リスナーをクリックしてこのクラスをチェックしてください。

2）cssを使いたい場合は2）ポインタのイベントがあります：なし https://css-tricks.com/almanac/properties/p/pointer-events/