javascript - wp_enqueue_script - 渲染页面源代码中的文件路径丢失 "/"

Question

我正在尝试使用子主题的函数文件中的 wp_enqueue_script 将 JavaScript 添加到 WordPress 页面的页脚。

我以前从未这样做过，所以对使用 wp_enqueue_script 有点新手，但在 Stackoverflow 论坛上阅读了一些类似的帖子，但没有找到任何可以解决我的问题的内容，即 . 。 。文件源 URL 在 get_theme_file_uri() 之间缺少“/”路径的一部分和剩余的文件夹结构。

我已将此代码插入到函数文件中:

function theme_enqueue_scripts() {
wp_enqueue_script( 'reactionform_js', get_stylesheet_directory_uri() . 'includes/js/reactionform_js.js');
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts' );

.

但是，当我查看渲染页面上的源代码时，文件路径是 <script type='text/javascript' src='https://www.futureproofpromotions.com/wp-content/themes/Avada-Child-Themeincludes/js/reactionform_js.js?ver=5.2.4'></script>主题根文件夹 Avada-Child-Theme 之间缺少/& includes文件夹？仅供引用 Chrome 开发者工具上的错误消息显示:Failed to load resource: the server responded with a status of 404 (Not Found)

我也尝试过get_theme_file_uri()与 get_stylesheet_directory_uri() 相反但没有运气!我还尝试添加正斜杠(/)，如下所示 get_stylesheet_directory_uri() . '/'. 'includes/js/reactionform_js.js'但也没有运气。

如果有人能解释如何解决此问题，我将不胜感激。

还有。 。 。据我了解，我相信我需要包括 , '' , '', true在 $scr 参数之后，JavaScript 将显示在页脚而不是页眉中。然而，目前，当我包含这些参数时，页面的各个部分都不会加载，因此将它们保留下来，直到我至少让脚本加载到页面上的某个位置为止。一旦我有了这些，我将添加那些有望完成任务的参数。

我正在使用:WordPress:v 5.2.4阿瓦达主题:v 6.1PHP 版本 7.2.23MySQL版本:5.5.62

非常感谢

菲尔

Answer 1

这应该适合你(我的主题中有这个配置，它确实有效)，请尝试使用 get_template_directory_uri() 函数:

wp_enqueue_script( 'reactionform_js', get_template_directory_uri() . '/includes/js/reactionform_js.js', array(), false, true );

将最后一个参数(页脚)设置为true，您可以看到函数签名:

function wp_enqueue_script( $handle, $src = '', $deps = array(), $ver = false, $in_footer = false ) {

希望对你有帮助!