Javascript 我正在为一个班级制作一个井字游戏。有人能看看我的代码,告诉我我做错了什么吗?
我在this.css的事件处理程序中遇到错误,由于某些原因,我无法将这些图像分配到单元格的背景 谢谢大家!Javascript 我正在为一个班级制作一个井字游戏。有人能看看我的代码,告诉我我做错了什么吗?,javascript,jquery,css,Javascript,Jquery,Css,我在this.css的事件处理程序中遇到错误,由于某些原因,我无法将这些图像分配到单元格的背景 谢谢大家! $(document).ready(function(){ var turn = 0; $("#cell11 , #cell12, #cell13, #cell21, #cell22, #cell23, #cell31, #cell32, #cell33 ") .click( function(){ // alert("click");
$(document).ready(function(){
var turn = 0;
$("#cell11 , #cell12, #cell13, #cell21, #cell22, #cell23, #cell31, #cell32, #cell33 ")
.click(
function(){
// alert("click");
var cell = this;
if(turn=== 0){
cell.css("background", "url(images/o.png");
turn = 1 ;
}else{
cell.css("background", "url(images/x.png");
turn = 0;
}
}
);
});
您需要在此上实例化jQuery类:
var cell = $(this);
此外,请按照前面提到的方式修复打字错误:
您正在尝试将背景设置为
url(images/o.png
或url(images/x.png
(注意两者上缺少)
)。可能您应该将“var cell=this;”替换为“var cell=$(this);”。到目前为止,您已经得到了答案。另外,请注意url(不关闭括号。但这可能只是一个复制/粘贴输入错误,为了避免这么长的一行:$(“#cell11,#cell12,#cell13,#cell21,#cell22,#cell23,#cell31,#cell32,#cell33”)最好为所有这些元素使用一个公共选择器
if( turn === 0){
cell.css("background", "url(images/o.png)");
turn = 1 ;
}
else {
cell.css("background", "url(images/x.png)");
turn = 0;
}