我如何让我的Java脚本正常工作?

时间:2019-06-20 作者:Niall

我正在阅读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)enter image description here

1 个回复
最合适的回答,由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脚本钩子激发。