javascript - WordPress 子主题排队自定义 javascript

标签 javascript wordpress themes

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

为了尝试仅对子主题进行更改,我所做的就是在子主题的根文件夹中创建一个functions.php。像这样,我相信这个functions.php会被添加到实际主题的fucntions.php文件中。

现在在这个functions.php中我想将我的自定义javascript文件排入队列,这就是我陷入困境的地方。我在彻底理解排队函数方面遇到了一些困难,但我基本上已经捕获了原始functions.php中使用的排队函数,并且我对其进行了更改,以便它将指向我的子主题的“js”文件夹,然后指向自定义。其中有 js 文件。

这是我的子 Functions.php 的样子:

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

当我检查 chrome 控制台时,它看起来像是正确链接的,或者至少指向正确的文件,但它确实说找不到它 (404) 当我检查 chrome 中的网络选项卡时,它说 custom.js文件的类型是text/html(不是application/javascript,这是我在其他javascript文件中看到的),对于Time,它也显示“待处理”。

谁能帮我看看我哪里出错了?

最佳答案

您要使用的函数是 get_stylesheet_directory_uri() .

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

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

关于javascript - WordPress 子主题排队自定义 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19249695/

相关文章:

angular - 使用 Angular 2/Meteor 动态更改主题

themes - 圆形和圆角矩形边框设置未保存在主题中

javascript - "rhino1.7.6"与 "V8"中 JavaScript RegExp 的结果不同

css - 添加背景图像后背景消失 :no-repeat;

themes - gnuplot 网站上设置的默认颜色

javascript - 跨站点脚本 Iframe 权限被拒绝问题

php - 比较不同模板部分中的值

javascript - 使用 async wait 时 axios 不返回数据

javascript - React Redux 操作未调度,但请求成功

javascript - 如何仅在 bootstrap IE 中调整导航栏的大小?