Wordpress - wp_enqueue 脚本和样式不起作用答案

【问题标题】：Wordpress - wp_enqueue script and style does not workWordpress - wp_enqueue 脚本和样式不起作用
【发布时间】：2017-09-13 12:44:34
【问题描述】：

我在使 wp_enqueue_script 和 wp_enqueue_style 工作时遇到了一些麻烦..

在functions.php文件的开头，我添加了这个函数：

<?php

require_once ....

[....]

add_action('wp_enqueue_scripts', 'my_enqueueScripts');
function my_enqueueScripts(){

    wp_register_script('my_js_script', get_template_directory_uri().'/myDirectory/my_js.js', array('jquery'), '1.0', true);
    wp_enqueue_scripts('my_js_script');

    wp_register_style('my_css_script', get_template_directory_uri().'/myDirectory/my_css.css', false, '1.0', 'all');
    wp_enqueue_style('my_css_script');
}

[....]

<?php

这不起作用... 我的脚本未加载，它们不在我网站页面的“源”文件中...

我尝试将我的 css 文件放在 templates/thetemplate/css/ 中，并将我的 js 文件放在 templates/thetemplate/js/ 中，但这并没有解决问题。

在模板 header.php 文件中，wp_head();电话在这里。在footer.php 文件中，wp_footer();也在这里。

我不知道如何完成这项工作....我错过了什么吗？

提前感谢您的帮助...

【问题讨论】：

你确定路径正确吗？
我尝试echo get_template_directory_uri().'/myDirectory/my_js.js'; 页面显示正确...
您使用的是儿童主题吗？您是否尝试过打印一条消息以确保 my_enqueueScripts 确实被调用？

标签： wordpress

【解决方案1】：

试试这个

add_action('wp_enqueue_scripts', 'my_enqueueScripts');
function my_enqueueScripts(){

    wp_enqueue_script('my_js_script', plugins_url('/your-plugin-folder/your-subfolder/my_js.js'),   array('jquery') );

    wp_register_style( 'my_css_script', plugins_url('...' ) );
    wp_enqueue_style( 'my_css_script' );  

}

如果它不起作用，则您的路径有问题。上面的代码是正确的，但它没有正确使用 plugins_url() 或 get_template_directory_uri() 找到文件。如果你回显这两个函数并分析 urls/paths，你可以尝试调试。

编辑： 如果您使用的是主题而不是插件，则 plugins_url() 可能无法正常工作（我不是 100% 确定）。

【讨论】：