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失败')
    }
    }

    }

    });

    }
    }
    });
  • 相关阅读:
    6 Django的视图层
    5 Django-2的路由层(URLconf)
    4 Django简介
    3 web框架
    2 http协议
    1 web应用
    15-jQuery补充
    14-jQuery的ajax
    13-轮播实现(各种)
    12-事件委托(事件代理)
  • 原文地址:https://www.cnblogs.com/liuerpeng/p/9982819.html
Copyright © 2011-2022 走看看