在 Divi/WordPress 中使用 JavaScript？答案

【问题标题】：Using JavaScript in Divi/WordPress?在 Divi/WordPress 中使用 JavaScript？
【发布时间】：2018-10-06 01:51:25
【问题描述】：

我想将一小段 JavaScript 代码放入使用 Divi 主题制作的网站中。我用functions.php 文件和js 文件制作了一个子主题。我将以下代码放在functions.php文件中：

<?php
   function wpdivi_theme_name_scripts() {
  wp_enqueue_script( 'script-name', get_template_directory_uri() . 
  '/js/code.js', array(), '1.0.0', true );
  }
add_action( 'wp_enqueue_scripts', 'wpdivi_theme_name_scripts' );
?>

在 divi 中，我使用代码模块来设置 HTML。我测试了this fiddle中的代码。

但是，当我在我的 WordPress 网站上使用相同的代码时，它不起作用。我在 js 中尝试了一个简单的警报框，但这也不起作用。

有人可以帮我吗？

【问题讨论】：

标签： javascript php wordpress

【解决方案1】：

这适用于我们使用 DIVI 主题的 wordpress 网站。能否请您检查一下js文件路径。

如果你使用"get_template_directory_uri()"函数，文件应该在父主题js文件夹中。

如果您使用的是 "get_stylesheet_directory_uri()" 函数，该文件应该在子主题 js 文件夹中。

【讨论】：

【解决方案2】：

尝试使用代码模块直接输入JavaScript。如果您只是在代码模块内的<script> 标记中包围您的JS 代码，它应该可以工作。

【讨论】：

【解决方案3】：

或者，只需转到 Divi 设置 > 集成 > 添加脚本。

【讨论】：