javascript - 在所有其他 JS 下方排队 Wordpress 插件脚本

Question

我正在开发一个简单的 Wordpress 应用程序，但我遇到了一个问题，因为所有插件脚本都在我的 functions.php 中排队的脚本之前呈现。

这是 functions.php 的示例部分:

function my_scripts() {
    wp_register_script('app-js', get_template_directory_uri() . '/javascripts/app.js', array('jquery'), null, true );
    wp_enqueue_script('app-js');
}
add_action( 'wp_enqueue_scripts', 'my_scripts');

需要注意的重要一点是(根据最佳实践，我的 JS 设置为在页面底部呈现。

我也有几个插件在主题上运行。问题是输出看起来像这样:

<!-- Note the plugin appears first -->
<script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/my-plugin/acl-plugin.js'></script>
<!-- And the main JS appears second -->
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/my-theme/javascripts/app.js'></script>
</body>
</html>

我如何强制 Wordpress 显示主要的 JS(我相信它是由 wp_head() 呈现的出现在页面的最底部？

Answer 1

WordPress wp_head() 方法只会输出将 WordPress wp_enqueue_script() 中的最后一个参数设置为 false 的脚本或样式.. 当它设置为 true 时，它将通过 wp_footer()

在页脚中呈现

您可以通过调整 add_action()

中的 $priority 参数来更改调用和插入时的优先级

http://codex.wordpress.org/Function_Reference/add_action

$priority (int) (optional) Used to specify the order in which the functions associated with a particular action are executed. Lower numbers correspond with earlier execution, and functions with the same priority are executed in the order in which they were added to the action. Default: 10

add_action( $hook, $function_to_add, $priority, $accepted_args );

并查看以下两种 WordPress 方法:

wp_enqueue_script() :

https://developer.wordpress.org/reference/functions/wp_enqueue_script/

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

wp_register_script() :

https://developer.wordpress.org/reference/functions/wp_register_script/

wp_register_script( string $handle, string $src, array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

试试这个..

您可能需要使用那个 $priority 参数

function my_scripts() {
        wp_register_script('app-js', get_template_directory_uri() . '/javascripts/app.js', array('jquery'), null, true );
        wp_enqueue_script('app-js');
}
add_action( 'wp_enqueue_scripts', 'my_scripts', 20, 1);