阅读:1754回复:0
非wordpress插件实现滚动自动无限分页
[tr][td]前面博客吧介绍过的wordpress滚动自动加载分页数据插件Infinite Scroll,该WP插件是把jQuery插件jquery.infinitescroll.js制作成wordpress插件,而且现在介绍的是直接把jquery.infinitescroll.js集成到主题中,减少wordpress插件的使用。像这样的自动无限翻页一般使用在淘宝客程序,图片类网站。
实现步骤: 1、下载jQuery插件 infinite-scroll-master.zip ,解压后,把根目录的jquery.infinitescroll.min.js文件上传至当前主题的js文件夹; 2、下载动态图片(把鼠标移动图片上,右击,图片另存为),把该图片上传至当前主题的images文件夹; 图片:101524k6uu9brz3jvqpi00.gif 3、分页代码:该方法只对wordpress默认“上一页、下一页”链接生效
4、在当前主题的functions.php文件中,添加以下代码: <div class="wp_syntax">/* 加载infinite scroll插件脚本 */ function infinitescroll_js() { wp_register_script('infinite_scroll', get_stylesheet_directory_uri() . '/js/jquery.infinitescroll.min.js', array('jquery'), null, true); if (!is_singular()) { wp_enqueue_script('infinite_scroll'); } } add_action('wp_enqueue_scripts', 'infinitescroll_js'); /* 初始化infinite scroll插件配置参数 */ function infinite_scroll_js() { if (!is_singular() ) { ?> |
|||