jquery ias.js插件实现滚动分页DTcms实战代码

 以下代码是由DTCMS改写完成

 <div class="ias_loader1" style="display:none; text-align:center; margin-top:16px;"><a href="#">已是最后一页</a></div>
<div class="ias_loader"></div> 

<script type='text/javascript' src='<%templateskin%>/js/ias.min.js'></script> 
<%csharp%>
//计算页数

int pageCount = totalcount / pagesize;
            if (totalcount < 1 || pagesize < 1)
            {
               pageCount=pageCount;
            }
            
            if (pageCount < 1)
            {
                pageCount=pageCount;
            }
            if (totalcount % pagesize > 0)
            {
                pageCount += 1;
            }
            if (pageCount <= 1)
            {
                pageCount=pageCount;
            }
<%/csharp%> 

<script type="text/javascript">

jQuery(document).ready(function($) {
    var _gaq = _gaq || [];
    var pageCount = {pageCount};//总页数
    var _page = -6;//截取字符串“页码”,从后往前数第6位
    var _page_number = 1;//截取一位
    if (pageCount>= 10)
    {
        //如果页码大于等于10，截取字符串“页码”,从后往前数第7位，截取2位
        _page = -7;
        _page_number = 2;
    }
jQuery.ias({
    container: '.content',
    item: '.excerpt',
    pagination: '.quotes',//分页时会用的页码
    next: '.quotes a:last-child',  //指向分页字符串的下一页的html标签
    loader: '上拉载入更多...',//点击下一页时的‘正在加载……‘字样
    trigger: '加载更多',//分页的操作按妞的展示文字
    triggerPageThreshold: 3,//加载到第几页不再自动加载 
 
//改变页码的事件发生时触发函数
    onPageChange: function (pageNum, pageUrl, scrollOffset) {
        console.log('***************************改变页码开始***************************');
        console.log('pageNum===' + pageNum);
        console.log('pageUrl===' + pageUrl);
        console.log('scrollOffset===' + scrollOffset);
        console.log('****************************结束改变页码**************************');

//触发连接
path = jQuery('<a/>').attr('href',pageUrl)[0].pathname.replace(/^[^\/]/,'/');
    _gaq.push(['_trackPageview', path]);

//如果是最后一页，不再加载数据
    if (pageUrl.substr(_page, _page_number)== pageCount) {
        console.log('---不再加载数据--');
            jQuery(".ias_loader1").show();
            return false;
        }
}
});
});
</script>