邊框顏色變化僅適用於第一次

Question

我想製作一個基於JavaScript的小遊戲。

這裏是Fiddle for the GAME

這幾乎是工作以外的幾個問題： -

1. 在任何TD的點擊，如果圖像是在TD，單元格邊框顏色應否則爲綠色 如果您點擊了錯誤TD，邊框顏色變爲紅色。
   此功能僅在您第一次啓動遊戲時有效。從下次開始，總是顯示紅色邊框顏色 。

2. 直到等級8時，邊框顏色的變化纔可見，但當您增加等級時，用戶 無法體驗他是否擊中了正確的單元格。我希望只要你擊中了正確的單元格，顏色的變化應該是可見的和穩定的，直到圖像出現在另一個單元格中。

代碼和建議的任何改進是明顯的。

Answer 1

當您第二次啓動遊戲時，請致電startGame()。

在startGame()你有一個$('td').click()，這將是第二次觸發，所以在每次點擊時，它會實際點擊兩次（一次捕獲，一次未命中）。

Answer 2

Working DEMO

這將這樣的伎倆

在startGame()功能

$('td').bind('click'); 

解除綁定單擊開始

$('td').unbind('click'); 

綁定解除綁定點擊事件的點擊事件事件在stopGame()功能

$('td').unbind('click'); 

問題與您的代碼： -

您呼叫的startGame()功能click事件，第一次你有一個$('td').click()功能

第二次調用startGame()功能有兩個$('td').click()功能，所以造成混亂的一個

對第二點的建議

DEMO

在功能callStart()你已經把下面的頂部，而不是把下面的代碼在這個函數的結尾。

$('td').removeClass("insetBorderMiss"); 
$('td').removeClass("insetBorderCatch");