zoukankan      html  css  js  c++  java
  • 移动端下拉加载

    $(".wrapper").scroll(function(){
    var $this =$(this),
    viewH =$(this).height(),//可见高度
    contentH =$(this).get(0).scrollHeight,//内容高度
    scrollTop =$(this).scrollTop();//滚动高度
    //if(contentH - viewH - scrollTop <= 100) { //到达底部100px时,加载新内容
    if(scrollTop/(contentH -viewH)>=0.95){ //到达底部100px时,加载新内容
    cursor = cursor + 10;
    var getMoreJobsUrl = apiUrl+"/nj/act/jobs/2b/"+params.companyId+"/"+cursor;
    if(isRequest){
    $.ajax({
    url: getMoreJobsUrl,
    type: 'GET',
    headers: {
    'x-auth-token': Cookies.get('x-auth-token')
    },
    success: function (res) {
    if(res.data && res.data.records.length>0){
    var jobsList=res.data.records;
    if(jobsList.length<10){
    isRequest=false;
    }else {
    isRequest=true;
    }
    if (res.code === 200) {
    $.each(jobsList,function(index,item){
    var tag='';
    var salary=salaryByYear (item.salary);
    var salaryHigh=salaryByYear (item.salaryHigh);
    if(item.tag){
    var tagList=item.tag.split(",");
    $.each(tagList,function(indexs,items){
    tag+='<span>'+items+'</span>';
    })
    }
    var jobListWrap= '<div data-id=' + item.id + ' data-zcqid=' + item.zcqId +' class="jobListWrap clearfix" >'
    +' <div class="jobName clearfix">'
    +'<span>'+item.name+'</span>'
    +'<span>'+salary+'-'+salaryHigh+'/年</span>'
    +'</div>'
    +'<div class="decribe clearfix">'
    +tag
    +' </div>'
    +' <div class="priceDirect"><span>直客价:'+item.listPrice+'</span></div>'
    +'<div class="priceConsulting"><span>咨询服务费:'+item.rebate+'</span></div>';
    if (item.isServing) {
    jobListWrap += '<button class="Button serviceBtn">服务中...</button>';
    } else {
    jobListWrap += '<button class="Button">服务</button>';
    }
    jobListWrap += ' </div>';
    $(".wrapper").append(jobListWrap)
    })

    } else {
    Message.error(res.message || '获取code失败')
    }
    }

    }

    });

    }
    }
    });
  • 相关阅读:
    Go语言中DateTime知识点
    Go语言中的string知识点
    Go语言中的Iota
    Go语言的通道(2)-缓冲通道
    Go语言的通道(1)-无缓冲通道
    Go语言协程
    设计一个好的通用组件
    Windows服务器【由于系统缓冲区空间不足或队列已满,不能执行套接字上的操作】问题调查
    Go语言的并发
    SCSS 中的 &::before 和 &::after
  • 原文地址:https://www.cnblogs.com/liuerpeng/p/9982819.html
Copyright © 2011-2022 走看看