javascript - Wordpress - 在页脚后加载 JS 文件-6ren

javascript - Wordpress - 在页脚后加载 JS 文件

转载作者：行者123 更新时间：2023-12-03 10:21:58

感谢您的阅读，

如何在页脚之后而不是在页眉中加载 JS 文件

示例:

<head>
<script type="text/javascript"></script>
<script type="text/javascript"></script>
<script type="text/javascript"></script>
</head>

更改为

</footer>
<script type="text/javascript"></script>
<script type="text/javascript"></script>
<script type="text/javascript"></script>

</body>
</htmL>

我已经尝试过

    wp_register_script( 'cycle', 'http://malsup.github.com/jquery.cycle2.js', '', '', true);
    wp_enqueue_script( 'cycle' );
    wp_register_script( 'site', get_template_directory_uri().'/js/site.js', '', '', true);
    wp_enqueue_script( 'site' );

最佳答案

最后一个参数指示将脚本排入队列的位置，在页脚(true)或页眉(false - 默认)中:

<?php wp_register_script( $handle, $src, $deps, $ver, $in_footer ); ?>

您必须正确地 Hook 脚本(请遵循内联注释):

Hook 前端:

add_action( 'wp_enqueue_scripts', 'function_name' );

连接到管理面板:

add_action( 'admin_enqueue_scripts', 'function_name' );

您应该如何继续:

<?php
function themeslug_load_scripts() {
    //registering the scripts, the last parameter will dictate where they should enqueue
    //and you are saying: yes, in_footer
    wp_register_script( 'cycle', 'http://malsup.github.com/jquery.cycle2.js', array(), '', true);
    wp_register_script( 'site', get_template_directory_uri().'/js/site.js', array('jquery'), '', true); //we are setting a dependency - yes depend on jQuery - means load jQuery first

    //actually rendering the scripts
    wp_enqueue_script( 'cycle' );
    wp_enqueue_script( 'site' );
}
add_action( 'wp_enqueue_scripts', 'themeslug_load_scripts' );

或者您可以简单地尝试:

<?php
function themeslug_load_scripts() {
    //actually rendering the scripts
    wp_enqueue_script( 'cycle', 'http://malsup.github.com/jquery.cycle2.js', array(), '', true );
    wp_enqueue_script( 'site', get_template_directory_uri().'/js/site.js', array('jquery'), '', true );
}
add_action( 'wp_enqueue_scripts', 'themeslug_load_scripts' );

并且，在使用 JavaScript 时清除浏览器缓存。加载页面并查看页面源代码。它会为您做事情。 :)