Wordpress - 在页脚后加载JS文件

时间:2015-04-12 02:25:33

标签: javascript wordpress

感谢阅读,

如何在页脚之后加载我的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' );

2 个答案:

答案 0 :(得分:1)

最后一个参数指示将脚本排入队列的位置,页脚(true)或标题(false - 默认值):

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

你必须正确挂钩脚本(请按照内联评论):

挂钩到前端:

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' );

并且,在使用JavaScripts时清除浏览器缓存。加载页面并查看页面源。它会为你做的事情。 :)

参考:

答案 1 :(得分:0)

如果您尝试将js添加到页面或帖子中,我可以建议一个简单且免费的插件吗?它被称为CTJ。你将代码块放入其中并添加到页眉或页脚中。