Enqueuing javascript files

时间：2018-12-20 作者：JohnG

我试图将一个JS文件（位于/JS/example script.JS）排队，只是为了在页面加载时得到一个警报。

有人能告诉我我做错了什么吗？

在我的示例脚本中。js公司：

jQuery(document).ready(function($) {
  alert("hi");
});
在我的函数文件中：

function my_theme_scripts() {
    wp_enqueue_script( \'example-script\', get_template_directory_uri() . \'/js/example-script.js\', array( \'jquery\' ), \'1.0.0\', true );
}

add_action( \'wp_enqueue_scripts\', \'my_theme_scripts\' );
jQuery已加载到我的源代码中，所以这不是问题所在。。。

3 个回复
SO网友:CRavon

您是否使用子主题？在这种情况下，您必须使用get_stylesheet_directory_uri() 而不是get_stylesheet_template_uri()返回父主题urihttps://developer.wordpress.org/reference/functions/get_template_directory/#usage

SO网友:Remzi Cavdar

主题示例我建议使用wp_enqueue_script 具有get_theme_file_uri 这允许子主题覆盖此文件。

get\\u theme\\u file\\u uri（）函数在模板目录之前的样式表目录中进行搜索，以便从父主题继承的主题可以只覆盖一个文件。

wp_enqueue_script( \'example-script\', get_theme_file_uri( \'/js/example-script.js\' ), array(\'jquery\'), null, true );

插件示例

wp_enqueue_script( \'example-script\', plugins_url(\'/js/example-script.js\', __FILE__), array(), null );

SO网友:JohnG

所有答案都正确-在我的例子中，我做得很好，只是没有加载WP页脚，尽管jQuery在我的源代码中显示。我一添加get\\u footer（），一切都很好。

标签： jquery   javascript   wp-enqueue-script   小码农  

相关推荐

使用JavaScript的WP REST API发布状态

我在WP REST API中弄脏了我的手。我已经阅读了一些教程，并对使用JavaScript创建新帖子提出了一个问题。在里面this 教程，帖子var status = \'draft\'; （请参见代码）。So I am just worried that won\'t anyone able to hack that status?jQuery( document ).ready( function ( $ ) { $( \'#post-submission-form\' ).on(