javascript - 在 WordPress 中以 jQuery 无冲突模式加载

Question

我正在尝试摆脱这个未捕获的类型错误:

$ is not a function at javascript.js?ver=5.0.3:65

这是一个 WordPress 主题，我认为我已经在 functions.php 文件中正确加载了脚本:

wp_enqueue_script('script-name', get_template_directory_uri().'/assets/js/javascript.js', array('jquery'), false, true);

然后按照答案 here 中的建议，我将现有代码包装到一个匿名函数中，并将 jQuery 作为参数传递

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

但是 TypeError 仍然存在。我想以 noConflict 模式加载 jQuery，但除了将 jQuery.noConflict(); 添加到我的 javascript.js 文件顶部之外，不知道还能怎么做。我尝试了这个，但没有成功。

任何有关如何正确执行此操作的建议都将受到赞赏。

我的网站在这里:https://refresh.drawyourpets.com/

Answer 1

所以我去看了你的脚本，它看起来有点像这样:

(function($){
    // uses $
})

(function($){
    // uses $
})

(jQuery);

即使从纯粹语法的 Angular 来看，这对我来说似乎也是错误的。您想要做的是将脚本包装一次，如下所示:

(function($) {
    // your entire script using $ normally:
})(jQuery);

这个想法是，您将 jQuery 传递给立即执行的函数，并且在函数内部您可以安全地调用它 $。