zoukankan      html  css  js  c++  java
  • php+jquery 上拉加载

    <script type="text/javascript">
    var resflow = true,pages =2;
    var ps=$("#ids").text();
    order_code=$("#order_code").html();
    $(function(){
    /*滚动条追加数据*/
    $(window).bind('scroll',function(){
    requirementH = 0,docH = 0;
    requirementH = ($(window).innerHeight() - 49) + $(window).scrollTop();
    docH = ($('.menuOfListRight ul li').size()) * ($('.menuOfListRight ul li').height()+5);
    // console.log('requirementH='+requirementH);
    // console.log('docH=='+docH);
    // console.log('scrolltop=='+$(window).scrollTop());
    if( docH<requirementH){
    if(pages <=ps){
    console.log(pages);
    getDate();
    $('.menuLoad').show();
    } else{
    $('.menuLoad').hide();
    }
    console.log('ssssssss');
    }
    });
    });
    /*ajax获取数据**/
    function getDate(){
    if(resflow){
    resflow = false;
    if(pages <= ps){
    str = '';
    $.ajax({
    type: "POST",
    url: ".././../up_load",
    data:{page:pages,id:order_code},
    success: function(data) {
    for (var i = 0; i < data.length; i++) {
    str += '<li style="margin-bottom: 0.54444rem" >' +
    '<div class="dkjl-li">' +
    '<div class="dkjl-tit fl ddhao">订单号:'+data[i].virtual_code+'</div>' +
    '<div class="dkjl-con fr"><span>'+data[i].add_time+'</span></div>' +
    '</div>' +
    '<div class="dkjl-li">';
    if(data[i].zhuangxiu==null) {
    str+= '<div class="dkjl-tit fl ddhao">暂无数据 </div>' +
    '<div class="dkjl-con fr"><span class="dkjl-red">¥' + data[i].jiaofei + '</></div>' +
    '</div>' +
    '<div class="dkjl-li">'
    }else{
    str+= '<div class="dkjl-tit fl ddhao">'+data[i].zhuangxiu.company+' </div>' +
    '<div class="dkjl-con fr"><span class="dkjl-red">¥' + data[i].jiaofei + '</></div>' +
    '</div>' +
    '<div class="dkjl-li">'
    }

    <!--- 业务逻辑
    if(data[i].status==0){
    str+='<div class="dkjl-tit fl dkwc" >1111</div>'+
    '</div>'+
    '</li>'
    }else if(data[i].status==1) {
    str+='<div class="dkjl-tit fl dkwc" ></div>'+
    '</div>'+
    '</li>'

    --->
    }else{
    str += '<div class="dkjl-tit fl dkwc">33333</div>' +
    '<div class="dkjl-con fr"><a class="js-moneypz" data='+data[i].cert_img+'>2222</a></div>' +
    '<div class="dkpzheng"><img src=' + data[i].cert_img + ' width="100%"></div>' +
    '</div>' +
    '</li>'
    }
    }
    $('.menuOfListRight ul').after(str);
    }
    });
    pages ++ ;
    resflow = true;
    }
    }
    }
    </script>

  • 相关阅读:
    Leetcode Substring with Concatenation of All Words
    Leetcode Divide Two Integers
    Leetcode Edit Distance
    Leetcode Longest Palindromic Substring
    Leetcode Longest Substring Without Repeating Characters
    Leetcode 4Sum
    Leetcode 3Sum Closest
    Leetcode 3Sum
    Leetcode Candy
    Leetcode jump Game II
  • 原文地址:https://www.cnblogs.com/wxc1/p/6114369.html
Copyright © 2011-2022 走看看