在Divi / WordPress中使用JavaScript?

时间:2017-04-13 13:14:47

标签: javascript php wordpress

我想要将一小段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中尝试了一个简单的警报框,但这也没有用。

有人可以帮助我吗?

3 个答案:

答案 0 :(得分:0)

这适用于我们使用DIVI主题的wordpress网站。你能否用js文件路径查看。

如果您使用&#34; get_template_directory_uri()&#34; 功能,该文件应该位于父主题js文件夹中。

如果您使用&#34; get_stylesheet_directory_uri()&#34; 功能,该文件应该位于子主题js文件夹中。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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