WordPress 中 Animate It JS 文件出现 Uncaught TypeError: $ is not a function 错误

Question

我在这里遇到了一些 javascript 问题，因为我不断收到错误，但无论我做什么，我仍然收到错误 - 错误位于第 400 行（http://www.stuartgreen.me.uk/pontins- events/wp-content/themes/genesis-sample/js/css3-animations.js），据我了解，这与 $ 和 WordPress 有关（我不知道 JS），但我尝试过我在上面看到的东西这里，比如使用文档。和 jQuery，代替了 $，但它只是带来了不同的错误：/

任何 JS 专家都可以在这里指出我正确的方向吗？

Answer 1

问题与标准 WordPress 实践有关，该jQuery.noConflict()实践使用 来防止与其他使用$.

无论谁将这些代码放在一起，都没有考虑到这种有据可查的实践。

您应该能够通过将代码的底部部分包装在 IIFE 包装器中来修复它......与上面部分的完成方式相同：

(function($) {

// all code after "//CSS3 Animate-it" on line 399

})(jQuery);

还要确保 jQuery 在该特定文件之前加载到页面中。也可能使用了其他不良的集成实践