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。唯一的区别是我编辑了第二个“通过单击一个按钮使该段落消失”示例CodePen笔。

This CodePen pen 100％合作。

只是美丽的。代码完全相同。这里发生了什么？我在谷歌上找不到任何东西，没有提到必须以任何方式配置CP以使你的JS与你的HTML混合。

然后......小时候，我父母的房子里有一个房间正在装修，地板不见了，地下室掉了下来。我打了一场打开和关闭房间门的游戏，假装惊讶地发现地板已经消失了。直到有一次我真的忘了并跑进来（是的，我跌倒了），这就像我第四次打开门一样。所以，是的。

提前谢谢你。这是我第一次问这里。要温柔！ ：电子

Answer 1

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

Answer 2

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

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js