Javascript Wordpress ACF Include input.js不工作

Javascript Wordpress ACF Include input.js不工作,javascript,php,wordpress,advanced-custom-fields,Javascript,Php,Wordpress,Advanced Custom Fields,我正在为wordpress使用ACFv4插件。 我正在尝试包含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->s

我正在为wordpress使用ACFv4插件。 我正在尝试包含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-progressbar-v4.php
  • acf-progressbar.php

您必须使用以下内容连接函数:

add_action( 'admin_enqueue_scripts', 'input_admin_enqueue_scripts' );
上面的调用将在WordPress的管理端对脚本进行排队,这是由于函数名的原因我假设您想要的。如果您想让他们在任何地方排队,请使用以下方法:

add_action( 'wp_enqueue_scripts', 'input_admin_enqueue_scripts' );
add_action
的调用需要在全局空间中进行。所以最后你会有这样的结果:

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\u 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', ...

有关动作挂钩的更多信息,请阅读这篇codex文章:对javascript文件的调用现在可以正常工作了,谢谢:)。但是当我调用文件input.js file:acf.o为null时,我会遇到这个错误。