CSS Coin翻转动画问题

Question

我从[https://www.html5andbeyond.com/coin-flip-application-html-css-and-jquery][1]获得了一个硬币翻转CSS动画，但它在我的页面上无效。我试着通过检查小提琴来确认，但它也没有在那里工作。但是，它在提供商的网站上工作。这是我创建的小提琴链接。 https://jsfiddle.net/7q8dqfxy/

代码放在小提琴上。请检查问题并帮助我们。

Answer 1

此处的JavaScript代码依赖于jQuery库，因此您需要将其作为外部资源包含在内。

在jsFiddle中，这可以这样实现：

在常规页面中，您需要将jQuery与HTML页面捆绑在一起，或者通过CDN这样包含链接

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

Answer 2

缺少Jquery库。

在代码中插入以下行

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 

https://jsfiddle.net/aq0kw4Lq/