首页 > 解决方案 > Wordpress $ 未定义

问题描述

我在我的 wordpress 主题中包含了一些自定义 javascript。所以我将此行添加到我的functions.php

function add_theme_scripts() {
    wp_enqueue_script('equalheight', get_template_directory_uri().'/js/equalheight.js', array ( 'jquery' ), true);
    wp_enqueue_script('script', get_template_directory_uri().'/js/script.js', array ( 'jquery' ), true);
}
add_action('wp_enqueue_scripts', 'add_theme_scripts');

但是脚本与 jquery 有问题。我将在我的浏览器控制台中得到这个:

TypeError: $ is undefined

为什么?设置了对 jquery 的依赖。

有人有想法吗?

标签: javascriptjquerywordpress

解决方案


如果您要检查wp_enqueue_script的声明,那么它是这样的:-

wp_enqueue_script( 
  string $handle, string $src = '', array $deps = array(), 
  string|bool|null $ver = false, bool $in_footer = false 
) 

它的第三个参数用于定义依赖关系,在您的代码中,您定义这两个文件需要 jquery 才能正常工作。

如果您不需要 jquery,请使用此

function add_theme_scripts() {
    wp_enqueue_script(
     'equalheight', 
      get_template_directory_uri().'/js/equalheight.js',  
      array (), true
   );
    wp_enqueue_script( 
      'script',  
      get_template_directory_uri().'/js/script.js',  
      array (), true 
    );
}
add_action('wp_enqueue_scripts', 'add_theme_scripts');

推荐阅读