JS/jQuery不在CodePen中工作

Question

我正在使用CodePen，尝试着结合使用JS和jQuery来练习。

HTML：

<button>asdasads</button>

联署材料：

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

与笔的链接，它不起作用。

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

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

这支CodePen笔工作100%。

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

再说一次..。当我还是个孩子的时候，我父母的房子里有一个房间正在装修，地板已经没有了，只剩下一个地下室。我玩了一个打开和关上房间门的游戏，假装对地板不见了感到惊讶。直到有一次我真的忘了跑进来(是的，我摔倒了)，那就像我第四次开门一样。所以，是的。

提前谢谢你。这是我第一次来这里问你。温柔点！

Answer 1

​

​

您需要将jQuery库添加到钢笔中。只需单击JS块中的齿轮，然后单击Quick Add，如下图所示

Answer 2

您需要添加JQuery (添加外部JavaScript)

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