zoukankan      html  css  js  c++  java
  • jquery 上滑加载更多

    $(document).ready(function() {
         
         var totalPage = {$totalPage};//总页数
         var page = {$page}; //起始页
         var pageSize = {$pageSize} //每页显示个数
        $(window).scroll(function() {
             if(totalPage-page>0){ 
                //滚动条到达底部加载  
                if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
                
                    setTimeout(function() {
                               $.ajax({  
                                    type: 'GET',  
                                    url: '?m=wap&c=vedio&a=art_more&typeid=93&yp=128&pageNum='+(page+1),  
                                    success:function(data){  
                                        var msg=eval(data);
                                             $.each(msg, function (i, item) { 
                                                 $('.art-list').append("<li><a href="+item.art_link+">"+item.title+"</a></li>");
                                            });  
                                        page=page+1;
                                    },  
                                    error:function(data){ 
                                         $("#nomore").html("加载失败...");  
                                         setTimeout(function() {   
                                                $("#nomore").html();  
                                            }, 3000);     
                                    },
                                   
                                   
                                });  
                        
                    }, 200);
                }
            }else{  
                      $("#nomore").html("我是有底线的...");  
                        setTimeout(function() {   
                             $("#nomore").empty();
                        }, 3000); 
            }  
        });  
    });   

    页面:

    <ul class="art-list">
          {loop $art_all $k $v}
              <li><a href="#">{$v['title']}</a></li>
          {/loop}
    </ul> <div id="nomore" style="text-align:center;color:gray"></div>

    控制器:

    $this->ys = pc_base::load_model('artarea_model');
            
            $page=intval($_GET['pageNum'])?intval($_GET['pageNum']):1; //当前页
            $res=$this->ys->select('',"id");
            $total=count($res);  //文章总数
            $pageSize =3;    //每页显示条数
            $starpage=($page-1)*$pageSize;//起始数据
            $totalPage =ceil($total/$pageSize); //总页数
            $sql="select a.*,b.pic_more from v9_artarea a left join v9_artarea_data b  on a.id=b.id order by a.inputtime desc limit $starpage,$pageSize ";
            $art_obj=$this->ys->query($sql);
            foreach ($art_obj as$k=> $v){
                
                $v['pic_more']=string2array($v['pic_more']);
                $art_all[]=$v;            //艺术圈文章列表
            }

    more

    public function art_more(){
            $this->ys = pc_base::load_model('artarea_model');
            $page=intval($_GET['pageNum']);
            $res=$this->ys->select('',"id");
            $total=count($res);  //文章总数
            $pageSize =3;    //每页显示条数
            $starpage=($page-1)*$pageSize;//起始数据
            $totalPage =ceil($total/$pageSize); //总页数
            
    //         if($page>$totalPage){
    //             return json_encode('error');
    //         }else{
                
                $sql="select a.*,b.pic_more from v9_artarea a left join v9_artarea_data b  on a.id=b.id order by a.inputtime desc limit $starpage,$pageSize ";
                $art_obj=$this->ys->query($sql);
                foreach ($art_obj as$k=> $v){
                        
                    $v['pic_more']=string2array($v['pic_more']);
                    $art_all[]=$v;            //艺术圈文章列表
                }
            echo  json_encode($art_all);
    //         }
        }
  • 相关阅读:
    Java中通过Class类获取Class对象的方法详解
    java访问权限表
    JAVA内部类小结
    私有静态成员内部类的一个应用:单例的实现
    JAVA中接口与抽象类
    jQuery添加和删除元素
    使用JQuery进行DOM操作
    类加载过程&对象的创建过程
    Spring JDBC 数据访问
    Spring的 AOP底层用到两种代理机制
  • 原文地址:https://www.cnblogs.com/benpaodelulu/p/7373090.html
Copyright © 2011-2022 走看看