在wp_footer()之后调用JS脚本;

时间:2018-11-30 15:32:18

标签: javascript wordpress

我正在尝试在</body>之前将脚本添加到DOM。我知道我可以使用wp_footer()来插入add_action(),但是,无论如何使用add_action(),我仍然可以在脚本后看到另外两个JS代码片段。

我尝试了以下代码:

function myCustomScript() {
  if(!is_admin()) {
    wp_register_script( 'myCustomScript', 'external/path/to/js/file.js', false, '', true );
    wp_enqueue_script( 'myCustomScript' );
  }
}
add_action('wp_footer', 'myCustomScript');

Current Code

我的代码段是深绿色/青色。

我不确定是否:

  • 我的代码段不会排在其他两个代码段的下方,因为我的代码段设置为推迟,而其他两个代码段则没有。
  • 我的代码段不会排在其他两个代码段的下方,因为我没有在add_action()wp_register_script()wp_enqueue_script()上使用正确的优先级

我了解到,在之后 wp_footer()后执行JavaScript可能会导致其他插件出现问题,但是当我在之后之后调用我的JavaScript时{{1} }-在开发工具控制台中没有看到任何错误。

问题:

  • 之后 wp_footer()之后添加我的代码段是否有问题?如果在wp_footer()之后添加我的代码段存在问题,建议使用哪种方法将我的代码段(茶色/青色)添加到发布图像的空白处。

谢谢。

2 个答案:

答案 0 :(得分:0)

function myCustomScript(){

wp_enqueue_script('myCustomScript',get_template_directory_uri()。'external / path / to / js / file.js',array(),'1.0',true);

}

add_action('wp_enqueue_scripts','myCustomScript');

答案 1 :(得分:0)

比利(Billy)是正确的,但可以在此处找到更多信息-https://developer.wordpress.org/themes/basics/including-css-javascript/