Tablo içinde rastgele öğeler oluşturma

Question

9x9 tablo oluşturdum. Ve ben birkaç rakamla doldurdum.İlk satır ve 1 sütununu bgcolor ile vurguladım ve sabit kalacak, yani karıştırılmıyor.

<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:

İşte benim kodudur

$(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); 
}); 

}); 

Ama bunun tıkladığımda bu sadece çalışıyor. Öğeleri tıklatmadan nasıl karıştırılır. Birisi bana söyleyebilir mi?

Answer 1

~ $ (function() {kullanmayı deneyin yerine $ (document) .click (function() {~

Bu hak belgenin peşinden koşmak komut hazır olun.