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

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

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

然后，我将HTML嵌入到我的Wordpress模板页面中，它显示在前端，很好，我已经按照HTML中相同的顺序正确链接了css和js，并将它们检入（查看源代码显示它们已连接）

填写表格并点击calculate确实可以做一些事情（它显示蛋白质/脂肪/碳水化合物字段的数量）-但是，结果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页面上工作。

谢谢

jQuery(function($) {
    //code here
});