functions.php 文件未在 js 文件夹中运行我的 JavaScript

Question

我只是想在我的 Wordpress 博客中添加一个 JS 手风琴，但手风琴.js 文件似乎没有通过 functions.php 文件加载。

但是，如果我在 header.php 文件中加载 js 代码，它会完美运行。

这是functions.php代码：

// enqueue script
function my_scripts_method() {
if ( !is_admin() ) {
  wp_enqueue_script('jquery-ui-accordion');
  wp_enqueue_script(
    'custom-accordion',
    get_stylesheet_directory_uri() . '/js/accordion.js',
    array('jquery')
    );
  }
}
add_action('wp_enqueue_scripts', 'my_scripts_method');

这是一个随处可见的简单代码，似乎对其他人都有效，当然除了我。

有趣的是，一旦 js 代码通过 header.php 包含加载，手风琴的样式表就会运行。

我注意到的是，我似乎无法从 functions.php 文件链接和加载文件。这不是我加载困难的唯一文件。下面的文件也会发生同样的事情：

function wpb_load_fa() { 
wp_enqueue_style( 'wpb-fa', get_stylesheet_directory_uri() . '/fonts/css/font-awesome.min.css' );
 }
 add_action( 'wp_enqueue_scripts', 'wpb_load_fa' );

我已尽我所能加载 font-awesome.min.css 无济于事。

我会不会在 functions.php 文件中对我的文件引用结构做错了？目录结构是按照说明创建的。谢谢。

Answer 1

你试过 wp_register_script(); ? 功能是

wp_register_script( string $handle, string|bool $src, string[] $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

check here for docs

Answer 2

可能是因为你是以管理员身份登录的，如果当前用户不是管理员，你的代码只会添加js。您可以删除检查，代码将如下所示：

// enqueue script
function my_scripts_method() {
  wp_enqueue_script('jquery-ui-accordion');
  wp_enqueue_script(
    'custom-accordion',
    get_stylesheet_directory_uri() . '/js/accordion.js',
    array('jquery')
    );
}
add_action('wp_enqueue_scripts', 'my_scripts_method');

Answer 3

请确保您没有以管理员用户身份登录，并确保在您包含此脚本之前包含 jQuery。因为你的脚本依赖于 jQuery。

get_stylesheet_directory_uri() . '/js/accordion.js',
array('jquery')
);

Answer 4

你的代码有一点问题

替换这个

get_stylesheet_directory_uri() . '/js/accordion.js'

到

get_template_directory_uri() . '/js/accordion.js',

我通知你

get_stylesheet_directory_uri() function 

仅用于访问 wordpress 全局 style.css 文件

Answer 5

function my_scripts_method() {
    // wp_enqueue_script('jquery-ui-accordion');
    wp_enqueue_script('custom-accordion', get_template_directory_uri().'/js/accordion.js',array());
}
add_action('wp_enqueue_scripts', 'my_scripts_method');