无限ajax滚动非自动

时间:2013-04-19 03:37:23

标签: jquery infinite-scroll

我放了一个无限滚动插件ajax,但在向下滚动时会自动运行。我想更改自动滚动没有自动或“更多”。

以下是我用于砌筑的代码

jQuery.ias({
    container : '#main',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'http://2.bp.blogspot.com/-XIF8-dkyzkQ/UXC35axRdfI/AAAAAAAAGg0/Q7xRk-yFLP4/s1600/loader.gif',
    onLoadItems: function(items) {
        var $newElems = jQuery(items).show().css({ opacity: 0 });
        $newElems.imagesLoaded(function(){
             $newElems.animate({ opacity: 1 });
             jQuery('#main').masonry( 'appended', $newElems, true );
        });
        return true
    }    

});

链接示例:page-elements.blogspot.com

插件无限:infinite-ajax-scroll

为了使用“more”非自动化,我应该添加什么代码才能更改?

如果我的语言不太清楚,我很抱歉,谢谢

问题我已经完成,我添加了“触发器:'加载更多'

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

triggerpagethreshold设置为0应该有效。

答案 1 :(得分:0)

我遇到了同样的问题。但我解决了它。

首先,您必须从ias plugin.around第85行返回“this”对象;

// initialize
        return init();

然后,在初始化ias插件时,将此变量保存在全局变量中。

infiniteScroller = $.ias({
                            container : '.jscroll',
                            item : '.column',
                            pagination : '#content .navigation-js',
                            next : '.next-posts a',
                            loader : '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>',
                            triggerPageThreshold : 15,
                            history : false
                        });

然后在那里检索新数据。数据加载到页面后执行此操作;

delete infiniteScroller;
                            infiniteScroller = $.ias({
                                container : '.jscroll',
                                item : '.column',
                                pagination : '#content .navigation-js',
                                next : '.next-posts a',
                                loader : '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>',
                                triggerPageThreshold : 15,
                                history : false
                            });

希望这对你有所帮助。