javascript - 井字游戏 JavaScript

Question

我无法让我的 javascript 中的按钮重置以再次玩游戏。

这是代码的链接：http: //jsfiddle.net/jbirdwell/Q3wEZ/

HTML：

<h1>Tic Tac Toe</h1>

<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<br>
<div></div>
<div></div>
<div></div>
<br>
<button>New Game</button>

JavaScript：

var x = false;

$(document).ready(function () {
    $('div').click(function () {
        if (!x) {
            $(this).toggleClass('user1');
            x = true;
        } else {
            $(this).toggleClass('user2');
            x = false;
        }
    });

    $('button').click(function () {
        $('div').toggleClass('newgame');
    });    
});

执行按钮单击事件后，我将无法重新开始播放。

Answer 1

这是因为他们还有其他课程，请尝试将其更改为：

$('button').click(function () {
    $('div').toggleClass('newgame');
    $('div').removeClass('user1 user2');
    x = false;
});

应该管用

Answer 2

你可能想要更像...

$('button').click(function () {
    $('div').removeClass("user1 user2");
});

Answer 3

尽管您更改了字段的颜色，但它们仍然具有“user1”和“user2”类。所以你要做的就是重置那些。

我已经更改了您的代码以使其正常工作，在这里

$('button').click(function () {
    $("div").removeClass("user1");
    $("div").removeClass("user2");
});