保持不正確的字母可見

在我的拖放遊戲中有一個網格填充了用戶隱藏的單詞。遊戲的目的是藉助聲音和圖片拼出這些單詞。用戶通過將相關字母拖放到網格上來拼出單詞。

如果這封信是正確的，它會在班級「wordglow3」中變綠。如果它錯了，它會以「wordglow」發光。由於遊戲是孩子們，我希望他們看到他們放棄在那裏等待直到試圖完成這樣他們就可以看到完整的字，所以我已經使用了信......

$(that).html($(ui.draggable).text().trim());

讓它呆在那裏。問題是，如果用戶得到錯誤的單詞，在同一個單詞的下一次嘗試這不起作用，我不知道爲什麼。如果用戶到達下一個單詞，它會再次用於第一次嘗試等等。任何人都可以幫助我使它保持一致嗎？

這裏是執行操作的代碼...

if ($(that).data("letter") == $(ui.draggable).text().trim()) { 

      $(that).removeClass("wordglow").addClass('wordglow3').css('color', 'white'); 
      $(that).html($(ui.draggable).text().trim()); 

     } else { 

      $(that).addClass('wordglow'); 
      $('.drag').css("color", "white"); 
      $(that).html($(ui.draggable).text().trim()); 

     }

有沒有辦法在每個單詞嘗試之後我可以重置？我試圖讓它成爲一個變量，然後將其重置爲零，但它不起作用。

小提琴幫助 - http://jsfiddle.net/smilburn/m8Squ/6/

來源

2012-10-11 sMilbz

我解決了這個問題。

 if ($(that).data("letter") == $(ui.draggable).text().trim()) { 

      $(that).addClass('wordglow3').css('color', 'white'); 
      $('.drag').css("color", "white"); 
      $(that).html($(ui.draggable).text().trim()); 


     } else { 

      $(that).addClass('wordglow').css('color', 'white'); 
      $('.drag').css("color", "white"); 
      $(that).html($(ui.draggable).text().trim()); 

     }

來源

2012-10-12 08:57:31 sMilbz

保持不正確的字母可見

回答

相關問題