BITCRON实现无限加载分页

直接放js代码了

//异步加载文章
jQuery(document).ready(function($) {
    //点击下一页的链接(即那个a标签)   
    $('下一页').click(function() {
        $this = $(this);
        $this.addClass('loading').text("正在努力加载"); //给a标签加载一个loading的class属性,可以用来添加一些加载效果   
        var href = $this.attr("href"); //获取下一页的链接地址   
        if (href != undefined) { //如果地址存在   
            $.ajax({ //发起ajax请求   
                url: href, //请求的地址就是下一页的链接   
                type: "get", //请求类型是get     
                error: function(request) {
                //如果发生错误怎么处理   
                },
                success: function(data) { //请求成功   
                    $this.removeClass('loading').text("点击查看更多"); //移除loading属性   
                    var $res = $(data).find("父标签 子标签"); //从数据中挑出文章数据,请根据实际情况更改   
                    $('父标签').append($res.fadeIn(500)); //将数据加载加进posts-loop的标签中。   
                    var newhref = $(data).find("下一页").attr("href"); //找出新的下一页链接   
                    if (newhref != undefined) {
                        $("下一页").attr("href", newhref);
                    } else {
                        $("下一页").remove(); //如果没有下一页了,隐藏   
                    }
                }
            });
        }
        return false;
    });
});

如何使用?

该功能要加载jQuery,不过bitcron默认已经加载了,所以不用管。

请按以下说明修改code。

下一页:填入下一页链接的class或者id就行了,如果你没有重构分页函数,那么默认应该是 .older_posts,所以把下一页替换成 .older_posts 就可以了。

父标签:包含文章的标签的class或者id。

子标签:每一篇文章的最顶级标签的class或者id。修改以后添加到js文件即可。

我讨厌这个世界和它的方式。

Bitcron Theme PX

BITCRON评论样式CSS

Bitcron Theme LWJ

Leave a reply:

Your email address will not be published.

Site Footer