我正在尝试使用jquery one page scroll plugin对wordpress模板进行编码。当我使用functions.php文件将插件添加到我的模板时,有人可以帮助我理解插件无效的原因:
function wpbootstrap_scripts_with_jquery() {
// Register the script like this for a theme:
wp_register_script( 'bootstrap', get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js', array( 'jquery' ) );
wp_register_script( 'one-page', get_template_directory_uri() . '/bootstrap/js/jquery.onepage-scroll.js' , '', '', true );
wp_register_script( 'front', get_template_directory_uri() . '/bootstrap/js/jquery.onepage-scroll.js', array( 'jquery' ) );
// For either a plugin or a theme, you can then enqueue the script:
wp_enqueue_script( 'bootstrap' );
wp_enqueue_script( 'one-page' );
wp_enqueue_script( 'front' );
}
add_action( 'wp_enqueue_scripts', 'wpbootstrap_scripts_with_jquery' );
将其包含在footer.php中后:
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/bootstrap/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/bootstrap/js/jquery.onepage-scroll.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/bootstrap/js/front.js"></script>
插件有效。但我宁愿使用第一种方法而不是第二种方法。有谁知道我在使用functions.php做错了什么?
答案 0 :(得分:1)
在结尾处添加true
,以便在结束body
代码
wp_register_script( 'bootstrap', get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js', array( 'jquery' ), '', true );
wp_register_script( 'one-page', get_template_directory_uri() . '/bootstrap/js/jquery.onepage-scroll.js' , array( 'jquery' ), '', true );
wp_register_script( 'front', get_template_directory_uri() . '/bootstrap/js/jquery.onepage-scroll.js', array( 'jquery' ), '', true );