我把一个无限滚动插件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
Plugin infinite: infinite-ajax-scroll
我应该添加什么代码来更改,以便与"more"非自动?
如果我的语言不够清晰,我很抱歉,谢谢
问题我完成了,我添加了"触发器:'Load More'"
谢谢你的帮助
将triggerpagethreshold设置为0应该可以。
我也遇到了同样的问题。但是我解决了。
首先你必须从插件返回"this"对象。第85行左右;
// initialize
return init();
当你初始化一个插件时,将这个变量保存在一个全局变量中。
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
});
希望对你有帮助。