如何停止点击触发并开始新的触发？

Question

我正在为多人游戏（井字游戏2）创建代码，通常在第一次点击时，玩家1会玩X，然后第二个玩家回合，但是问题是在第一个玩家玩了第二次点击后X，它没有更改为O，这是我在jquery上创建的“ click”代码： 我可以添加页面图像的我:( html代码：

<ul id="gamebox">
            <li class="box" id="1">#</li>
            <li class="box" id="2">#</li>
            <li class="box" id="3">#</li>
            <li class="box" id="4">#</li>
            <li class="box" id="5">#</li>
            <li class="box" id="6">#</li>
            <li class="box" id="7">#</li>
            <li class="box" id="8">#</li>
            <li class="box" id="9">#</li>
        </ul>

js和jquery代码：

 function player1_turn(player1,id){
    var box_taken=$("#"+id).text();
    if(box_taken === "#"){
        count++;
        turns[id]=player1;
        $("#"+id).text(player1);
        wincondition(turns,player1);
        if(game_over===false){
            $("#message").html("Player "+player2+" it's your turn to play !");
            player2_turn(player2,id);
            wincondition(turns,player2);
        }
    }

}
function player2_turn(player2,id){
    var box_taken=$("#"+id).text();
    if(box_taken==="#"){
        count++;
        turns[id]=player2;
        $("#"+id).text(player2);
        wincondition(turns,player2);
        if(game_over===false){
            $("#message").html("Player "+player1+" it's you turn to play !");
            player1_turn(player1,id);
            wincondition(turns,player1);
        }
    }
}


$(".box").click(function(){
    if($("#message").text()=="Player "+player1+" it's you turn to play !" ||"PLAYER "+ player1 + " START PLEASE !"){
        var x=$(this).attr("id");
        player1_turn(player1,x);

    }
    else if($("#message").text()=="Player "+player2+" it's you turn to play !" || "PLAYER "+ player2 + " START PLEASE !"){
        var y=$(this).attr("id");
        player2_turn(player2,y);

    }
    });