JavaScript 滑块拼图

Question

最终我正在制作一个带有 table 的滑块拼图，但目前我正在生成一个新拼图并洗牌，但似乎我的代码中的某些内容导致这项工作不正确。（并非所有 table 单元格都已填充，等等）知道是什么原因造成的吗？

在我正在编写的程序中，我正在使用 body onload 来构建拼图，但由于某些原因在 Fiddle 中不起作用：

</head>
<body onload="newPuzzle(_r, _c)">
</body>

Answer 1

尝试改变

//declare and populate array
 var _array = new Array();

 for (var i = 0; i <= r*c; i++)
 {
   _array[i] = i;
 }

到

//declare and populate array
 var _array = new Array();

 for (var i = 1; i < r*c; i++)
 {
   _array[i] = i;
 }
   _array[0] = "";

并更改此：

var rand = Math.floor(Math.random() * _array.length) + i;

对此：

var rand = Math.floor(Math.random() * _array.length);

请注意，当您使用新数组进行洗牌时，第一个配置（0 到 8）中没有点，这样您可以删除两个 FOR 并设置一个固定的生成它时的值（洗牌前）。像这样：

gridTable[0].rows[i].cells[j].innerHTML = "0";

JavaScript slider puzzle