WordPress子主题入队脚本答案

【问题标题】：WordPress child theme enqueue_scriptWordPress子主题入队脚本
【发布时间】：2017-08-08 14:54:01
【问题描述】：

我在将自定义 JavaScript 文件添加到我的子 WordPress 主题时遇到问题。我正在使用 Spacious WordPress 主题，并基于它创建了一个子主题。我已经成功添加了一个自定义样式表，但到目前为止还没有成功添加一个自定义 JavaScript 文件。我已按照Including CSS & JavaScript 上的 WordPress 开发人员手册中提供的说明进行操作。

在我的孩子主题functions.php

...
function spacious_child_enqueue_scripts(){
    wp_register_script('custom_js',get_template_directory_uri().'/js/custom_js.js', array('jquery'), '', true);
    wp_enqueue_script('custom_js');
}
add_action('wp_enqueue_scripts', 'spacious_child_enqueue_styles','spacious_child_enqueue_scripts','get_the_excerpt', 'new_excerpt_more');
...

我做错了什么？如果需要，我可以提供其他文件和代码。提前致谢。

【问题讨论】：

标签： javascript php wordpress

【解决方案1】：

@Her Jossua 我的错误对不起。这个应该可以的。

function spacious_child_enqueue_scripts() {
    wp_register_script('custom_js', get_stylesheet_directory_uri().'/js/custom_js.js', array('jquery'), '1.0', true);
    wp_enqueue_script('custom_js');
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_scripts' );

我使用的是指向父主题目录的get_template_directory_uri();。

【讨论】：

我想我终于找到了问题所在。它与add_action 代码有关。我用你提供的那个替换了我的，它起作用了。这是我使用的那个：add_action('wp_enqueue_scripts', 'spacious_child_enqueue_styles','spacious_child_enqueue_scripts','get_the_excerpt', 'new_excerpt_more');我不确定它有什么问题
我发布的最后一个 sn-p 应该可以正常工作。如果子主题中有 js 文件。很高兴我帮了忙！请采纳答案！谢谢

【解决方案2】：

@Herr Josua 你可以试试这个方法吗？

function spacious_child_enqueue_scripts() {
    wp_register_script('custom_js', get_template_directory_uri().'/js/custom_js.js', array('jquery'), '1.0', true);
    wp_enqueue_script('custom_js');
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_scripts' );

【讨论】：

我试了也不是没有运气。目前在我的custom_js.js 文件中，我只有一个简单的console.log('ready!');。当我加载网站时，我在控制台中看不到任何输出，也看不到在源选项卡中加载的文件（在 Chrome 和 Firefox 中），并且在我的 DOM 中也看不到它。
就像我想象的那样：jQuery(document).ready(function(){ console.log('ready!'); });
还做一个检查元素和' ctrl+f ' 并将 custom_js 放在搜索字段中，看看它是否出现在某个地方。功能是正确的，我用过几次。还请检查文件是否位于正确的目录中，例如“子主题/js”
不，仍然没有显示。脚本未加载。当我执行检查元素并搜索未找到的脚本时。
该网站上线了吗？能给个链接吗？