Question

所以我正在尝试在我的页面上运行一个自定义JavaScript文件，这会改变我页面上的元素高度（尽管它不起作用，但我不得不这样做，因为它在每个页面上都不同）。

我尝试在header.php，functions.php，footer.php甚至实际页面中通过PHP和HTML添加它。

如果第一次加载，不能正常工作，然后当我设置断点并刷新时，它就不会加载。

我在主题的JavaScript文件夹中有文件，我用来添加它的方法是：

<script src="<?php echo get_template_directory_uri(); ?>/js/elementHeight.js"></script> (header and footer)

wp_enqueue_script( 'elementHeight', get_template_directory_uri().'/js/elementHeight.js', array( 'jquery' ), '1' ); (functions)

我不知道发生了什么事。我第一次将它加载到页面中时，我注意到它实际上已经取出了文件中的所有内容并将其粘贴在缩小的<script>标签中，但也粘贴在CDATA标记中。

我的脚本没有加载和/或是否有我遗漏的东西？

编辑：我刚刚注意到脚本被添加到页面中，但链接附加了.pagespeed.jm.d-4Yn-ag4z.js，这是一个旧的缓存版本，虽然我没有任何缓存插件。有人能告诉我发生了什么事吗？

Answer 1

<script src="<?php echo get_template_directory_uri() . '/js/elementHeight.js'; ?>"></script>

只在页眉或页脚中尝试。

根据get_template_directory_uri()的格式，您可能希望排除/中的第一个/js/elementHeight.js

那将是：

<script src="<?php echo get_template_directory_uri() . 'js/elementHeight.js'; ?>"></script>

Answer 2

我会使用bloginfo('template_directory')

<script src="<?php bloginfo('template_directory'); ?>/js/script.js" type="text/javascript"></script>

WordPress中的JavaScript无法加载

2 个答案: