我正在为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-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_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', ...