我正在阅读Wordpress的开发人员网站,我刚刚开始学习它。我已经通过wp\\u enqueue\\u style()使CSS工作,但我的javascript无法通过wp\\u enqueue\\u script()工作。
我没有在页面上添加任何Javascript,我有这些函数。php文件,其中包含指向my/js/functions的wp\\u enqueue\\u script()。我希望toggleNav()函数用于在手机上以不同方式显示导航菜单的js文件。
我做错了什么?这是我的代码:
功能。php
<?php
function my_theme_scripts(){
wp_enqueue_style( \'style\', get_stylesheet_uri() );
wp_enqueue_script( \'functions\', get_template_directory_uri() .
\'js/functions.js\', array(), \'1.1\', true );
};
add_action( \'wp_enqueue_scripts\', \'my_theme_scripts\' );
?>
功能。js公司
function toggleNav() {
var nav = document.getElementById("navbar");
if (!nav.style.display || nav.style.display === "none") {
nav.style.display = "block";
} else {
nav.style.display = "none";
}
};
我甚至尝试在页脚中放置函数调用。php,但它不工作。当我将javascript直接添加到页脚时。php文件,但它确实可以工作。
编辑:控制台输出(我不介意找不到图像,因为我现在只是想知道js)
最合适的回答,由SO网友:Chetan Vaghela 整理而成
您必须在标头中包含wp\\u head()。php和wp\\u footer();在页脚中。php
标题。php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<?php
wp_head();
?>
<body>
页脚。php
<?php wp_footer();?>
</body>
</html>
如果不添加wp\\u head()和wp\\u footer(),Wordpress钩子不会使用wp\\u enqueue\\u脚本钩子激发。