jQuery One Page滚动wordpress主题

时间:2016-04-27 18:11:26

标签: php jquery wordpress

我正在尝试使用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做错了什么?

1 个答案:

答案 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 );