JS/jQuery不能在CodePen中工作

我在CodePen上，試圖將JS和jQuery與HTML結合使用。JS/jQuery不能在CodePen中工作

HTML：

<button>asdasads</button>

JS：

$('button').on('click', function() { 
    alert('woot'); 
});

Link to the pen，這是行不通的。

它意味着當按鈕被點擊時顯示警報。但它什麼都不做。

下面是另一個，具有相同的HTML/JS。唯一的區別是我編輯了第二個「通過單擊一個按鈕」例如CodePen筆來使這個段落消失。

這工作只是美麗。代碼是相同的。這裏發生了什麼？我在Google上找不到任何東西，但沒有提到必須以任何方式配置CP，以使JS與您的HTML混合。

然後......小時候，我父母的房子裏有一個房間正在裝修，地板不見了，給地下室留下了摔倒的痕跡。我玩了一場打開和關閉房間門的遊戲，假裝地板不見了，感到很驚訝。直到有一次我真的忘了跑進去（是的，我跌倒了），這就像我第四次打開門。嗯是的。

預先感謝您。這是我第一次去這裏問問。要溫柔！：電子

您需要將jquery作爲外部庫包含在內。 – Nick

謝謝你，snapjs，以及。這是正確的。 –

您需要jQuery庫添加到鋼筆。只需單擊JS塊中的齒輪，然後單擊Quick Add，就像在這張照片中一樣

2017-10-15 18:52:19

謝謝。這不僅是正確的，而且有啓發性。我很樂意將此標記爲正確的;不過，我承諾將Indent的答案標記爲正確的答案。我問他是否可以選擇正確的答案。顯示我不應該這麼倉促... :) –

無所謂....高興地幫助。快樂的編碼 –

您需要添加的JQuery（添加外部JavaScript）

2017-10-15 18:50:56 Indent

你的回答確實是對的，但帕託薩拉薩爾的回答更徹底。我說過我會標記你的答案是正確的，但你知道嗎？我不知道這裏要做什麼。 Stackoverflow充滿了關於一些其他答案的評論，值得標記爲正確的答案。雖然你的是正確的，下面的更好。我是否可以獲得您的許可，將提及的其他答案標記爲正確？ –

這很好......別擔心@JaakkoPöntinen –

對我來說也沒關係。你可以標記Pato Salazar答案。 – Indent

回答