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”类。所以你要做的就是重置那些。

我已更改您的代码以使其正常工作here

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

Tic Tac Toe游戏JavaScript

3 个答案: