調試jQuery代碼段

Question

我試圖採取工作的jQuery代碼片段（這是另一個SO答案的例子）並改進它。

原始代碼片段可以通過評論/取消註釋某些代碼來顯示做某事的好方法和壞方法。我試圖修改HTML和JS，以便兩個示例都可以獨立運行，無需修改JS代碼（基本上可以將示例HTML複製到具有不同ID的副本中）。

原始的jsfiddle工作得很好：http://jsfiddle.net/thangchung/LVAaV/

我的「改良版」似乎並沒有在所有的工作：http://jsfiddle.net/dvkdvk/C2YBE/19/

（不起作用意味着，當你按下任意按鈕，沒有任何反應）。

我不知道如何使用jQuery進行調試（使用常規JS，我只需要在各處噴灑alert()）。我在JSFiddle上運行「JSHint」，並且沒問題。

Answer 1

你的新提琴沒有選擇一個庫。從表單左側選擇它並單擊運行。

我在Firefox中使用Firebug的腳本調試器發現了這個問題。選擇瀏覽器中的開發人員工具打開腳本調試。否則，Javascript會失敗。然後，您可以設置斷點，查看變量等。這比使用警報和控制檯日誌效率更高（儘管它們確實有它們的位置）。

Answer 2

您的主要問題是您的JSFIDDLE設置。在頁面的左側，確保包含jQuery庫並從框架和擴展面板中選擇onDomReady。

Answer 3

我試着在FireFox，Firebug中運行這個腳本。這些腳本在我身上運行良好。請參閱您嘗試運行此腳本的環境。