尽管代码相同，为什么这两个html / css文件的工作方式不同？

Question

这是第一个的codepen：

Bad Pen：https://codepen.io/anon/pen/jGpxrp

这是第二个代码：

Good Pen：https://codepen.io/anon/pen/QqBmWK?editors=1100

我似乎无法理解为什么Yes和No按钮适用于“Good Pen”，而不适用于“Bad Pen”，它们基本上是相同的代码？

Answer 1

如果您签入“设置”然后转到javascript标签，您将看到差异。第一个缺少应该具有的jquery：

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