JS / jQuery无法在CodePen

时间:2017-10-15 18:49:33

标签: javascript jquery codepen

我在使用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混合。

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

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

2 个答案:

答案 0 :(得分:3)

enter image description here

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

答案 1 :(得分:1)

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

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