Wordpress ACF 包括 input.js 不工作

Question

我正在为 wordpress 使用 acf v4 插件。我正在尝试包括 input.js。这是我添加的代码

function input_admin_enqueue_scripts()
    {
        // Note: This function can be removed if not used


        // register ACF scripts
        wp_register_script( 'acf-input-progressbar', $this->settings['dir'] . 'js/input.js', array('acf-input'), $this->settings['version'] );
        wp_register_style( 'acf-input-progressbar', $this->settings['dir'] . 'css/input.css', array('acf-input'), $this->settings['version'] ); 


        // scripts
        wp_enqueue_script(array(
            'acf-input-progressbar',    
        ));

        // styles
        wp_enqueue_style(array(
            'acf-input-progressbar',    
        ));


    }

但是 javascript 从未被调用过。我添加了 console.log 函数来测试调用：

(function($){

    console.log("Test input.hs");

....

这是我为我的插件使用的名称：acf-progressbar

文件：

acf-进度条-v4.php
acf-progressbar.php

Answer 1

您必须使用类似以下的内容来挂接您的函数：

add_action( 'admin_enqueue_scripts', 'input_admin_enqueue_scripts' );

上面的调用将使脚本在 WordPress 的管理端排队，由于函数名称，我认为这是您想要的。如果你想把它们排到任何地方，那么用这个代替：

add_action( 'wp_enqueue_scripts', 'input_admin_enqueue_scripts' );

对 add_action 的调用需要在全局 space 中进行。所以最后你会得到类似的东西：

function input_admin_enqueue_scripts() {
    // Note: This function can be removed if not used
    // register ACF scripts
    wp_register_script( 'acf-input-progressbar', $this->settings['dir'] . 'js/input.js', array('acf-input'), $this->settings['version'] );
    wp_register_style( 'acf-input-progressbar', $this->settings['dir'] . 'css/input.css', array('acf-input'), $this->settings['version'] ); 

    // scripts
    wp_enqueue_script(array(
        'acf-input-progressbar',    
    ));

    // styles
    wp_enqueue_style(array(
        'acf-input-progressbar',    
    ));
}
add_action( 'admin_enqueue_scripts', 'input_admin_enqueue_scripts' );

如果您已经通过调用 add_action 挂钩了您的函数，那么问题可能是您的样式和脚本命名相同：

wp_register_script( 'acf-input-progressbar' ...
wp_register_style( 'acf-input-progressbar', ...

我会将这些切换为以下内容，看看是否可行：

wp_register_script( 'acf-input-progressbar-js' ...
wp_register_style( 'acf-input-progressbar-css', ...

Wordpress ACF 包括 input.js 不工作

Wordpress ACF Include input.js not working

javascript

php

wordpress

advanced-custom-fields