在表格內生成隨機元素

Question

我創建了一個9x9表格。我已經填充了一些數字。我還用bgcolor強調了第一行和第一列，它將保持不變，即不會被洗牌。

這裏是我的代碼：

<table border="2px" width="300px"id="mytable" > 
<tr bgcolor="#FF0000"> 
<td></td> 
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td> 
<td>8</td></tr> 
<tr > 
<td bgcolor="#FF0000">1</td><td>5</td><td>6</td><td>1</td><td>7</td> <td>8</td><td>3</td> 
<td>2</td><td>4</td> 
</tr> 
<tr> 
<td bgcolor="#FF0000">2</td><td>3</td><td>4</td><td>7</td><td>8</td><td>5</td><td>1</td> 
<td>6</td><td>2</td> 
</tr> 
<tr> 
<td bgcolor="#FF0000">3</td><td>1</td><td>3</td><td>4</td><td>2</td><td>6</td><td>7</td> 
<td>8</td><td>5</td></tr> 
<tr> 
<td bgcolor="#FF0000">4</td><td>2</td><td>4</td><td>7</td><td>5</td><td>1</td><td>3</td> 
<td>8</td><td>6</td></tr> 
<tr> 
<td bgcolor="#FF0000">5</td><td>8</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td> 
<td>2</td><td>1</td></tr> 
<tr> 
<td bgcolor="#FF0000">6</td><td>2</td><td>6</td><td>3</td><td>5</td><td>1</td><td>4</td> 
<td>8</td><td>7</td> 
</tr> 

<tr> 
<td bgcolor="#FF0000">7</td><td>1</td><td>3</td><td>5</td><td>8</td><td>6</td><td>7</td> 
<td>2</td><td>4</td> 
</tr> 
<tr> 
<td bgcolor="#FF0000">8</td><td>2</td><td>1</td><td>4</td><td>5</td><td>8</td><td>7</td> 
<td>6</td><td>3</td> 
</tr> 
</table> 

的jQuery：

$(document).click(function(){ 
var $firstCells = $("#mytable tr:not(:first-child) td:not(:first-child)"), 
    $copies = $firstCells.clone(true); 

[].sort.call($copies, function() { return Math.random() - 0.5; }); 

$copies.each(function(i){ 
    $firstCells.eq(i).replaceWith(this); 
}); 

}); 

但是，當我點擊它，這是唯一的工作。如何在不點擊的情況下洗牌。誰能告訴我？

Answer 1

嘗試使用$（函數（）{〜而不是$（文件）。點擊（函數（）{〜

這將使文件之後運行的腳本已準備就緒。