jquery ias插件详解

ias以以下几种方式控制页面:

1、监听到达最后一个元素的滚动事件。

2、插入加载器图片。

3、用ajax加载下一页内容。

4、每一个新的元素都插入到最后一个元素的后面。

函数:ias参数介绍:(在这只是介绍几个重要的参数)

1、Container

容器:顾名思义,就是放一条条信息的html元素。

2、item:

承载一条条信息的html标签,确保他们是放在container里面的。

3、pagination:

做分页的时候,我们都会在页面上显示分页字符串,用的此技术时也应该有此功能

,并赋值在页面上。该技术会自动将其隐藏。分页时会用的下一页的页 码。

4、next

指向分页字符串的下一页的html标签。

5、loader:

加载器,也是一个html标签。如同上述网站的点击下一页时的‘正在加载……‘字样,如不设置也会

自动加上默认值。

6、trigger:

分页的操作按妞的展示文字,如下一页,如果没有,该插件会自动显示默认值

7、triggerPageThreshold:

一般设置为大于0,比如说我们设置为3.当我们滑动到第一页底部时,会自动加载下一页,知道第三

页。

8、onPageChange:

改变页码的事件发生时触发。

9、beforePageChange:

分页前调用,可用于当时最大页数时,停止操作。

jQuery(document).ready(function($) {
var _gaq = _gaq || [];
jQuery.ias({
container : ‘.list’,
item: ‘.blog’,
pagination: ‘.pagination’,
next: ‘.next_page a’,
loader: ‘载入更多…’,
trigger: ‘next’,
onPageChange: function(pageNum, pageUrl, scrollOffset) {
path = jQuery(‘<a/>’).attr(‘href’,pageUrl)[0].pathname.replace(/^[^\/]/,’/’);
_gaq.push([‘_trackPageview’, path]);
}
});
});