我试图将自定义.js文件放入我的子主题目录中。
在我的子主题的functions.php中,我找到了以下代码
/* After this. you can override Accessible Zen's pluggable functions or add your own.
* Remember, do your best to stay accessible! :)
*
*/
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}
其中只有这部分是我实现的,应该从js /文件夹加载我的custom.script.js
wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
不幸的是它没有这样做,有人可以帮忙吗?
*更新2
该代码现在看起来像这样,并且可以正常工作,当我将函数添加到另一个add_action中时,该代码不起作用。谢谢大家的帮助!我仍然想知道是否还没有办法减少这段代码。
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}
/*add my custom jquery script*/
add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
'custom-script',
get_stylesheet_directory_uri() . '/js/custom-script.js',
array( 'jquery' )
);
}
这条线是做什么用的?
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
有必要吗?
@Pieter我调整了您的更改,但仍无法正常工作。这就是我的.js文件中的内容,如果我将其直接放在page.php中,则可以使用它,例如:<script> if(jQuery){alert(“ jQuery库已加载!”); } else {alert(“未找到jQuery库!”); } </ script>
—
MrKainig 2015年
@Pieter好的,我将代码放入问题
—
MrKainig
从您的js文件中删除脚本标签
—
Pieter Goosen 2015年
wp_enqueue_script( 'custom-script.js', get_stylesheet_directory_uri() . 'js/custom-script.js', array('jquery') );