WordPress 子主题排队自定义 JavaScript

Wordpress child theme enqueue custom javascript

本文关键字：自定义 JavaScript 排队 WordPress      更新时间：2023-09-26

我在WP子主题中使用自定义javascript文件时遇到了一些问题。

为了尝试只对子主题进行更改，我所做的是在子主题的根文件夹中创建一个函数.php。像这样，我相信此功能.php附加到实际主题的功能.php文件中。

现在在这个函数中.php我想将我的自定义 javascript 文件排队，这就是我卡住的地方。我在彻底理解 enqueue 函数时遇到了一些困难，但我基本上已经抓住了原始函数中使用的 enqueue 函数.php并且我已经对其进行了更改，以便它指向我的子主题的"js"文件夹，然后指向那里的自定义.js文件。

这是我孩子的功能.php看起来像：

<?php
define( 'CHILD_DIR', get_stylesheet_directory() );
wp_enqueue_script('responsive-scripts', CHILD_DIR. '/js/custom.js');
?>

当我检查我的 chrome 控制台时，它看起来正确链接，或者至少指向正确的文件，但它确实说找不到它 (404( 当我在 chrome 中检查网络选项卡时，它说自定义.js文件类型是文本/html(不是应用程序/javascript，这是我在其他 javascript 文件中看到的(， 对于时间，它说"待定"。

谁能帮我看看我哪里出了问题？

你想使用的函数是get_stylesheet_directory_uri((。

这是因为get_stylesheet_directory将返回样式表目录的路径，这仅在服务器端脚本的上下文中有意义，这意味着它是您应该用于包含之类的函数。

另一方面，get_stylesheet_directory_uri(( 将为您提供样式表目录的 URI，该目录可用于客户端上下文，例如链接脚本或样式表。

相关文章：