CSS 硬幣翻轉動畫問題

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/