嵌入CodePen卡脚本- jquery

Question

我正在尝试嵌入以下代码：https://codepen.io/jme11/pen/zMVJVX

关于健身的话题，但我不知道为什么它不能正常工作-

我已经下载了代码的导出，它在独立的HTML (+ js和css)文件(特别是完整的表单将显示在结果div中)中工作得很好。

然后，我将HTML嵌入到Wordpress模板页面中--它显示在前端很好，我正确地以与HTML相同的顺序链接到css和js中--并将它们签入(View Source显示它们是连接的)

完成表格和命中计算确实做了一些事情(它显示了蛋白质/脂肪/碳水化合物场的数量)--然而，结果div (每天含有卡路里)并没有出现。

我认为这可能与jquery有关，因为我在控制台中得到了这个错误(但不明白)：

Uncaught TypeError: $(...).fadeOut is not a function
at calcDailyCals (script.js?ver=1.0:51)
at HTMLFormElement.<anonymous> (script.js:3)
at HTMLFormElement.dispatch (jquery-3.4.1.slim.min.js:2)
at HTMLFormElement.v.handle (jquery-3.4.1.slim.min.js:2)

有人能帮忙吗？只是不知道为什么它会在独立的HTML文件中工作，而不是在Wordpress页面上工作。

谢谢

Answer 1

添加的jquery脚本与通过引导页脚代码加载的瘦jquery冲突。

我用完整的min替换了引导页脚包含中的瘦jquery，它起了作用。