WordPress wp_enque_scripts 似乎不起作用

Question

我已经创建了一个 WordPress 主题的子主题，现在我正在尝试通过修改子主题的 functions.php 将自定义 JavaScript 插入到主页中。但是，我的脚本没有被加载，我不知道为什么。我在 php 代码中插入了 'echo' 语句，看起来像

add_action( 'wp_enque_scripts', 'video_bg', 10);

调用失败

video_bg()

这是我孩子的functions.php：

<?php


add_action( 'after_setup_theme', 'post_theme_setup' );

if ( !function_exists( 'post_theme_setup' )):
function post_theme_setup(){

    function video_bg() {
        wp_enque_script( 'myVideo', get_stylesheet_directory_uri() . '/JS/filmScript.js', array('jquery'), '1.0.0', false );
        echo '<script>console.log("Script added?")</script>';
    }

    add_action( 'wp_enque_scripts', 'video_bg', 10);
    echo '<script>console.log("Loop Entered")</script>';

}
endif;

这是控制台告诉我的：

Loop Entered                                      (index):1 
JQMIGRATE: Migrate is installed, version 1.4.1    jquery-migrate.min.js?ver=1.4.1&nocache=1:2 

谁能告诉我为什么 video_bg() 永远不会被调用？还是有其他问题？

Answer 1

如果在添加某个 add_action 时未调用该函数，则可能有两种情况： 1. 您输入了错误的操作/过滤器挂钩名称。 2. 你加载的页面不会触发那个钩子。

在这种情况下，你做了第一个。没有一个叫做 wp_enque_scripts 的钩子，没有一个叫做 wp_enque_scripts 的函数。 将它们更改为 wp_enqueue_scripts。

add_action( 'wp_enqueue_scripts', 'video_bg', 10);
add_action( 'after_setup_theme', 'post_theme_setup' );

if ( !function_exists( 'post_theme_setup' )):
function post_theme_setup(){

    function video_bg() {
        wp_enqueue_scripts( 'myVideo', get_stylesheet_directory_uri() . '/JS/filmScript.js', array('jquery'), '1.0.0', false );
        echo '<script>console.log("Script added?")</script>';
    }

    add_action( 'wp_enqueue_scripts', 'video_bg', 10);
    echo '<script>console.log("Loop Entered")</script>';

}
endif;

你也可以这样优化你的代码：

add_action( 'after_setup_theme', 'post_theme_setup' );

if ( !function_exists( 'post_theme_setup' )):
function post_theme_setup(){
    add_action( 'wp_enqueue_scripts', 'video_bg', 10);
    echo '<script>console.log("Loop Entered")</script>';

}
endif;

  function video_bg() {
        wp_enqueue_scripts( 'myVideo', get_stylesheet_directory_uri() . '/JS/filmScript.js', array('jquery'), '1.0.0', false );
        echo '<script>console.log("Script added?")</script>';
    }