儘管代碼相同，爲什麼這兩個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