Javascript Wordpress ACF Include input.js不工作
我正在为wordpress使用ACFv4插件。 我正在尝试包含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
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时,我会遇到这个错误。