javascript - 从子主题覆盖父主题javascript

Question

我的父主题在\includes\js\custom.js 中有一个脚本，我正试图从我的子主题中覆盖它。我可以从我的父主题中看到它是使用此代码排队的:(我已经 trim 了一些不相关的 wp_enqueue_script() 调用行。)

function my_deregister_scripts() {
        wp_deregister_script( 'jquery' );
        wp_enqueue_script('jquery', get_template_directory_uri().'/includes/js/jquery.min.js', false, '1.6.4');
        wp_enqueue_script('jquery-custom', get_template_directory_uri().'/includes/js/custom.js', false, '1.0');
        if ( is_singular() && get_option('thread_comments') ) wp_enqueue_script( 'comment-reply' );
}

起初，我以为我可以像这样简单地将一些代码添加到我自己的子 functions.php 中:

function custom_script_fix()
{
    wp_dequeue_script( 'jquery-custom' );
    wp_enqueue_script( 'child-jquery-custom', get_stylesheet_directory_uri() .'/includes/js/custom.js', false, '1.0');
}
add_action( 'wp_enqueue_scripts', 'custom_script_fix' );

但后来我在法典中读到，现在子 functions.php 在父 functions.php 之前运行。这意味着我正在出队某些东西，这些东西将在父 functions.php 中再次入队。这导致我的脚本首先被加载，然后是父脚本:

那么，在不以任何方式修改父主题的情况下，我该怎么做呢？

Answer 1

通过简单地注册脚本并使用父主题中使用的相同句柄，它具有优先权。因此，当父主题开始将其自己的版本加入队列时，句柄已经分配，​​并且它会将覆盖加入队列。

function custom_script_fix()
{
    // use same handle as parent theme to override ('jquery-custom')
    wp_register_script('jquery-custom', get_stylesheet_directory_uri() .'/includes/js/custom.js', false, '1.0');
}

add_action( 'wp_enqueue_scripts', 'custom_script_fix' );

关于wp_enqueue_script()的描述指定它不会替换注册版本。您可能需要在 add_action() 上设置较低的 $priority以确保首先注册您的覆盖脚本。