將樣式應用於隨機網格空間

Question

我正在創建一個簡單的計算遊戲，其中由網格填充數字。數字是隱藏的，當遊戲運行時，網格空間被突出顯示。側面的div產生一個總和，以幫助用戶得到正確的答案。然後用戶點擊相應的動畫到位的數字併發出是否正確的信號。

我遇到的問題是，程序運行時，觸發器（'click'）函數應該在網格中隨機選擇一個區域並應用類.spellword。這將突出顯示紫色區域，指示在哪裏放置答案。

當我運行程序的時候什麼也沒有發生，我不知道爲什麼。我用同樣的遊戲製作了相同的遊戲，並且運行良好。

下面是按鈕的功能

$('.minibutton').click(function() { 

$('.minibutton').prop('disabled', false); 
$('.picstyle').show(); 
$('td').removeClass('spellword'); 
var r = rndWord; 
while (r == rndWord) { 
    rndWord = Math.floor(Math.random() * (listOfWords.length)); 
} 

$('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('spellword'); 
$('td[data-word=' + word + ']').removeClass('wordglow').removeClass('wordglow4').removeClass('wordglow3').css('color', 'transparent'); 

var noExist = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('wordglow2'); 
if (noExist) { 
    $('.minibutton').click(); 

} else { 

    $('.picstyle').text(sum); 

} 

}).trigger("click"); 

小提琴：http://jsfiddle.net/ZAfVZ/33/

Answer 1

數據字母和數據字是在每個表單元格空白。這就是爲什麼你的代碼失敗。

編輯：參見this JSFiddle for a working example。將數據字母分配給表格單元格時，缺少字符串轉換（word.toString()[k]）。你仍然有一些沒有答案的表格單元，並且沒有data-word - 這是故意的嗎？