手机滑动分页

来源：互联网发布：俄罗斯社交软件vk 编辑：程序博客网时间：2024/05/17 00:08

实现功能：
1、默认期数排序，先取出指定记录数的数据
2、向下滑动手机页面，自动加载数据，实现分页效果
3、根据提供的排序方式，通过选择，分别实现滑动自动加载数据
4、每种排序方式的升降序排列方式，进行判断并处理
前端代码

<div class="sort_box">    <span id="qishu" class="asc">        <a href="javascript:void(0);" onclick="orderQishu('created_at')">期数</a>    </span>    <span id="like" class="">        <a href="javascript:void(0);" onclick="orderLike('like_count')">点赞</a>    </span>    <span id="comment" class="">        <a href="javascript:void(0);" onclick="orderComment('comments_count')">评论</a>    </span></div><div class="video_list" id="video_list">    @if($oVideos) @foreach($oVideos as $k=>$v)    <div class="one_list" id="one_list">        <a href="/video/video-info/{{$v->id}}">            <div class="list_img">                @if(trim($v->img_thumb))                <img src="{{$v->img_thumb}}" />                @else                <img src="/upload/video_thumb/default.jpg" />                @endif                <span></span>                <input type="button" class="btn" />            </div>            <div class="list_info">                <h4>{{$v->title}}</h4>                <p>案例分享：@if($v->author) {{$v->author->name}} @else 暂无 @endif</p>                <p>评论专家：@if($v->expert) {{$v->expert->name}} @else 暂无 @endif</p>                <p>评论数目：@if($v->comments_count) {{$v->comments_count}} @else 0 @endif</p>                <p>点赞数目：@if($v->like_count) {{$v->like_count}} @else 0 @endif</p>            </div>        </a>    </div>    @endforeach     @endif</div>

0 0