zoukankan      html  css  js  c++  java
  • 翻页 并索引当前值

    //获取排行
    var pagenumber = 1;
    function pagination(pageNo, pageSize, array) {
    var offset = (pageNo - 1) * pageSize;
    return (offset + pageSize >= array.length) ? array.slice(offset, array.length) : array.slice(offset, offset + pageSize);
    }
    $.post("https://Best.tianjihr.com/H5/companyRank", function (data) {
    pagesList = data.data;
    var pageTrades = pagination(pagenumber, 10, data.data);
    for(var i=0; i<pageTrades.length; i++){
    var element = $('<li><div class="left"><strong>'+(i+1)+'.</strong>'+pageTrades[i].common_name+'</div><div class="right"><span></span>'+pageTrades[i].ticket_count+'&nbsp;票</div></li>');
    if(pageTrades[i].BestCompanyid==EnterpriseId){
    $(element).find(".left").css('color','red');
    $(element).find(".right").css('color','red');
    }
    $('.mingdan').append(element);
    }
    });
    //点击下一页
    $('.rank-down').click(function(){
    if(pagenumber>=10){
    alert('已经是最后一页了');
    return;
    }
    $('.mingdan').html('');
    pagenumber=pagenumber+1;
    var pageTrades = pagination(pagenumber, 10, pagesList);
    for(var i=0; i<pageTrades.length; i++){
    var element = $('<li><div class="left"><strong>'+(pagenumber*10-10+i+1)+'.</strong>'+pageTrades[i].common_name+'</div><div class="right"><span></span>'+pageTrades[i].ticket_count+'&nbsp;票</div></li>');
    if(pageTrades[i].BestCompanyid==EnterpriseId){
    $(element).find(".left").css('color','red');
    $(element).find(".right").css('color','red');
    }
    $('.mingdan').append(element);
    }
    });
    //点击上一页
    $('.rank-up').click(function(){
    if(pagenumber<2){
    alert('已经是第一页了');
    return;
    }
    $('.mingdan').html('');
    pagenumber=pagenumber-1;
    var pageTrades = pagination(pagenumber, 10, pagesList);
    for(var i=0; i<pageTrades.length; i++){
    var element = $('<li><div class="left"><strong>'+(pagenumber*10-10+i+1)+'.</strong>'+pageTrades[i].common_name+'</div><div class="right"><span></span>'+pageTrades[i].ticket_count+'&nbsp;票</div></li>');
    if(pageTrades[i].BestCompanyid==EnterpriseId){
    $(element).find(".left").css('color','red');
    $(element).find(".right").css('color','red');
    }
    $('.mingdan').append(element);
    }
    });

  • 相关阅读:
    js的一些应用技巧
    js学习总结
    asp.net设置标题 兼MasterPage得使用
    IIS5、IIS6、IIS7的ASP.net 请求处理过程比较(转)
    .NET JSON.DLL
    大型网站架构演变和知识体系(转)
    JSON学习总结
    周华健,歌声伴我成长(三)
    研究方向
    周华健,歌声伴我长大(二)
  • 原文地址:https://www.cnblogs.com/cxcoder/p/7911206.html
Copyright © 2011-2022 走看看