gpt4 book ai didi

javascript - 井字游戏不改变颜色

转载 作者:太空宇宙 更新时间:2023-11-04 13:25:36 30 4
gpt4 key购买 nike

我正在使用 Jquery 和 CSS 制作一个基本的井字游戏。我想这样做,以便单击 div 添加玩家 1 的颜色,然后 dblclicking 添加玩家 2 的颜色。由于某些原因,playerOne 的颜色没有改变。

HTML

<body>
<table>
<tr></tr>
<td><div class="dot"></div></td>
<td><div class="dot"></div></td>
<td><div class="dot"></div></td>
<tr></tr>
<td><div class="dot"></div></td>
<td><div class="dot"></div></td>
<td><div class="dot"></div></td>
<tr></tr>
<td><div class="dot"></div></td>
<td><div class="dot"></div></td>
<td><div class="dot"></div></td>
</table>

CSS

table{
margin-left:auto;
margin-right:auto;
border-spacing:7px;
}
.dot{
border: 1px solid #A8A8A8;
border-radius:50px;
height:100px;
width:100px;
background-color:#A8A8A8;
}
.playerOne{
border: 1px solid #A8A8A8;
border-radius:50px;
height:100px;
width:100px;
background-color:red;
}

JavaScript

$(document).ready(function() {
$('div').click(function() {
$(this).addClass('playerOne');
});
});

最佳答案

您是否忘记引用 JQuery?将此添加到代码上方的 HTML 页面。

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

关于javascript - 井字游戏不改变颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23748120/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com