js 移动端下拉框加载更多分页

// 滑动分页 --重点
$(window).scroll(function () {
    if ($(window).scrollTop() + $(window).height() + 5 > $(document).height()) {
        comment();
    }
});
var isloading=0;  //防止加载多次

//获取评论
function comment(){

    if (isloading == 0) {
        isloading = 1;//

        var last_page_id= 0;

        var video_id = $('#videoId').val();
        var type = $('#type').val();
        var last_id = $('#last_id').val();

        console.log(video_id);
        console.log(type);
        $.ajax({
            url: '/video_mall/comment/get_comment_list',
            type: 'GET',
            data: {
                video_id: video_id,
                type: type,
                last_id:last_id,
                size:3,
            },
            success: function (res) {
                if(res.code == 1){
                    var str = '';
                    res.data.forEach(function (el,key) {
                        var time = el.create_time;
                        // time = formatUnixtimestamp(time);
                        var date = new Date(time * 1000);
                        var time_date = date.getFullYear()+'-'+date.getMonth()+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes();
                        if(el.head_pic == ''){
                          var head_pic = "/video_mall/new/images/avatar.png"
                        }else{
                            head_pic = el.head_pic;
                        }
                        
                        str +=
                        '<div class="comment-item">'+
                        '    <div class="top-content flex item-center">'+
                        '        <img class="user-avatar" src="' + head_pic + '" alt="">'+
                        '        <div class="comment-time-info flex column">'+
                        '            <p>' + el.user_name + '</p>'+
                        '            <div class="time-box flex">'+
                        '                <span class="date">' + time_date + '</span>'+
                        '            </div>'+
                        '        </div>'+
                        '    </div>'+
                        '    <div class="bot-content">'+
                        '        <div class="content">' + el.content + '</div>'+
                        '        <div class="count-box">'+
                        '            <p class="like-comment" id="like-comment" data-id ="'+ el.id + '" >点赞&nbsp;&nbsp;<span class="like-count-num-'+el.id+'">' + el.like_number + '&nbsp;&nbsp;</span></p>'+
                        // '            <p class="comment-count">评论<span>' + el.comment_num + '</span></p>'+
                        '        </div>'+
                        '    </div>'+
                        '</div>';
                        // if(key == 0){
                            // alert(el.id);
                            last_page_id = el.id;
                            console.log(last_page_id);
                        // }

                    })
                    console.log(last_page_id);
                    isloading = 0;// 0 加载ajax评论 ,1不加载ajax评论

                    if(str){
                        $('.comment-content').append(str);
                        $('#last_id').val(last_page_id);
                        console.log(last_page_id);
                    }else{
                        isloading = 1;
                    }

                }else if(res.code == 0){
                    console.log('没有数据');
                }
            }
        }) 

    }   
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值