为什么当我尝试将它嵌入到网站时，Wordpress 看不到我的 js 函数？

Question

我是第一次修复 WordPress 中的错误。我有一个菜单，当它是移动版本的 cite 它创建到汉堡菜单中并隐藏在屏幕右侧，因为不透明度：0 和变换：翻译（100％，0）。我创建了一个简单的 js 函数，它必须创建样式 opacity: 1 和 transform: 0，但我不知道我需要把这个函数放在哪里。请帮帮我！！！

此图片有 onClick 事件：

<span id="myBtn" class="btn-menu js-menu"><i></i></span>

这是我的js函数：

<script type="text/javascript"> 
      document.getElementById("myBtn").addEventListener("click", function() { 
        document.getElementById("lestOfItem").style.opacity = 1;
        document.getElementById("lestOfItem").style.transform = "inherit";
        document.getElementById("lestOfItem").style.width = "100%";
        document.getElementById("lestOfItem").style.textAlign = "center";
    });
</script>

点击图片时必须打开的菜单：

 <ul id="lestOfItem" class="">
 ---items--- 
</ul> 

Answer 1

这应该让您朝着正确的方向前进：[将自定义 JavaScript 添加到您的 WordPress 网站][1]

来源：https://www.ostraining.com/blog/wordpress/custom-js/

在某些情况下，您可能需要将自定义 JavaScript 添加到您的网站。通常，这将涉及修改您的主题文件。

但是，还有一个侵入性较小的替代方案。 “页眉和页脚脚本”是一个插件，可以在不修改主题的情况下将自定义 JavaScript 添加到 WordPress。

1. 安装插件：
2. 登录您的 WordPress 网站。
3. 转到插件 > 添加新的
4. 搜索“页眉和页脚脚本”。
5. 点击“立即安装”并激活插件。
6. 在 WordPress 中自定义 JavaScript

选项 #1。

1. 上传自定义 JavaScript 文件
2. 将您的自定义 JavaScript 代码保存到 .js 格式的文件中
3. 将其上传到您的站点到此文件夹：

wp-content/themes/your-theme/js/

4. 转到设置 > 页眉和页脚脚本。

现在您有两个加载文件的选项：

• 标头中的脚本（在 head 标签内加载）

• 页脚中的脚本（在关闭正文标记之前加载）

• 使用以下语法作为示例，使用更符合您需求的位置：

  脚本>

Answer 2

尝试将你的js（脚本）代码放在你主题的footer.php中（</body>之前）