Создание случайных элементов внутри таблицы

Question

Я создал таблицу 9x9. И я заполнил его некоторыми номерами. Я также выделил 1-й ряд и 1-й столбец 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

Попробуйте использовать $ (функция() {~ вместо $ (документ) .click (функция() {~

Это заставит скрипт работать сразу после того, документ будет готов.