JS/jQuery 在 CodePen 中不工作

Question

我在使用 CodePen，尝试结合使用 JS 和 jQuery HTML。

HTML:

<button>asdasads</button>

JS:

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

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

它的目的是在单击按钮时显示警报。但它什么也没做。

这是另一个，相同 HTML/JS。唯一的区别是我用 "make this paragraph disappear by clicking a button" 示例 CodePen 笔编辑了第二个。

效果非常好。代码是相同的。这里发生了什么？我在 Google 上找不到任何内容，没有提到必须以任何方式配置 CP 以使您的 JS 与 HTML 混合。

然后又...作为child，我parent的房子里有一个房间正在装修，地板不见了，地下室掉了下来。我玩了一个打开和关闭房间门的游戏，假装对地板不见了感到惊讶。直到有一次我真的忘记了运行在（是的，我摔倒了），那只是我第 4 次打开门。所以，是的。

提前谢谢你。这是我第一次在这里问。要温柔！ :E

Answer 1

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

Answer 2

您需要将 jQuery 库添加到 Pen。只需点击 JS 块中的齿轮，然后点击 Quick Add，就像这张照片

JS/jQuery not working in CodePen