JS/jQuery 在 CodePen 中不起作用

Question

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

HTML：

<button>asdasads</button>

JS：

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

链接到 pen ，这不起作用。

它旨在在单击按钮时显示警报。 但它什么也不做。

这是另一个，具有相同的 HTML/JS。 唯一的区别是我从“通过单击按钮使此段落消失”示例 CodePen 笔中编辑了第二个。

效果很好。 代码是一样的。 这里发生了什么？ 我在 Google 上找不到任何东西，也没有提到必须以任何方式配置 CP 才能使您的 JS 与您的 HTML 混合。

再说一遍…… 小时候，我父母的房子里有一个房间正在装修，地板没有了，地下室掉了下来。 我玩了一个打开和关闭房间门的游戏，假装对地板不见了感到惊讶。 直到有一次我真的忘了跑进去（是的，我摔倒了），这就像我第四次打开门一样。 是的。

先感谢您。 这是我第一次在这里提问。 要温柔！ :E

Answer 1

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

Answer 2

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