在JQuery中构建小游戏（Javascript）

我正在为我的主要项目制作一套小游戏，在这个小游戏中，我采用了以前制作的小游戏的相同方法

在我以前的小游戏中，我只有一个拼图容器，但在我现在制作的这个游戏中，有四个。自从我添加了三个以上的拼图容器后，代码似乎就不起作用了。我在拍摄过程中有没有做错什么？谁能告诉我哪里出了问题

这是我目前正在开发的小游戏的代码

$document.readyfunction{ //讲话 var进程=0； var-txt； $‘完成，讲话’。隐藏； 函数eventHandler{ 切换进度{ 案例0： txt=完成； 打破 案例1： txt=继续下一个小游戏； $“语音”。单击功能{ window.location.href=minigame8.html； }; 打破 } 进步++； $'speech'.htmltxt； } $'speech'。单击事件处理程序； //可恶的// $'PuzzContainer1'，'PuzzContainer2'，'PuzzContainer3'，'PuzzContainer4'。可排序{ 更新：功能{ var userPieces=； $'PuzzContainer1 li'，'PuzzContainer2 li'，'PuzzContainer3 li'，'PuzzContainer4 li'。每个函数{ userPieces+=$this.attr'data'； } 检查结果文件； } }; $‘拼图容器1’、‘拼图容器2’、‘拼图容器3’、‘拼图容器4’。禁用选择； //在所有部件正确对齐后显示输入密码 函数checkResultuserPieces{ 如果userPieces=='1234'&&&12345'&&123456'{ $complete.show0，函数{ 事件处理程序 $‘演讲’节目； }; } } }; 拼图容器1{ 位置：绝对位置； z指数：5； 顶部：10px； 左：130像素； 列表样式类型：无； } 拼图容器2{ 位置：绝对位置； z指数：5； 顶部：75px； 左：130像素； 列表样式类型：无； } 拼图容器3{ 位置：绝对位置； z指数：5； 顶部：140px； 左：130像素； 列表样式类型：无； } 拼图容器4{ 位置：绝对位置； z指数：5； 顶部：205px； 左：130像素； 列表样式类型：无； } 菜单，目录{ 显示：块； } .件{ z指数：5； 浮动：左； 裕度：0 10px 0 0； 填充：0； } 李{ 显示：列表项； 文本对齐：-webkit匹配父项； } 完整的{ 位置：绝对位置； 宽度：105px； 高度：25px； 顶部：240px； 左：289px； 背景色：黑色； 颜色：白色； 字体大小：20px； 填充：10px； 边框样式：实心； 边框宽度：5px； 边框颜色：白色； z指数：5； } 讲话{ 位置：绝对位置； 宽度：655px； 高度：100px； 顶部：330px； 左：15px； 背景色：黑色； 颜色：白色； 字体大小：25px； 填充：10px； 边框样式：实心； 边框宽度：5px； 边框颜色：白色； z指数：99； } MAS340 //javascript就在这里 4. 1. 2. 5. 3. 3. 2. 4. 1. 3. 2. 4. 6. 1. 5. 1. 4. 3. 2. 输入密码 认可的

---

我认为您的选择器有问题。尝试如下选择拼图容器：

$('#puzzleContainer1, #puzzleContainer2, #puzzleContainer3, #puzzleContainer4')

---

thnx的帮助，现在我可以拖动块左右，我还记得隐藏密码和提交，并试图实现有密码和提交显示时，我正确地有块顺序，我觉得这与如果userPieces==='1234'&&&'12345'&&&'123456'有关。你应该搜索或检查stackoverflow如何在Javascript中使用多个条件生成if语句。不管怎样，似乎您实际上想要检查userPieces是否等于'1234'或'12345'或'12345'，然后执行smth。。您可以这样做：如果userPieces=='1234'| | userPieces=='12345'| | userPieces=='123456'。