猿问

一个页面有多个分页,相互影响

怎么让分页不相互影响呢?

  $.each($('.results_comment'), function(index, value) {
  var show_per_page = 1; //每页显示几条数据
    var number_of_items = $('.results_comment').eq(index).children().size(); //获取总长度长度
    var number_of_pages = Math.ceil(number_of_items / show_per_page);
    $('#current_page').eq(index).val(0);
    $('#show_per_page').eq(index).val(show_per_page); //5
    var navigation_html = '<a class="previous_link" href="javascript:previous();">上一页</a>';
    var current_link = 0; //变量
    while (number_of_pages > current_link) {
        navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link + ')" longdesc="' + current_link + '">' + (current_link + 1) + '</a>';
        current_link++;
    }
    navigation_html += '<a class="next_link" href="javascript:next();">下一页</a>';
    $('.page_navigation').eq(index).html(navigation_html);
    $('.page_navigation .page_link:first').eq(index).addClass('active_page');
    $('.results_comment').eq(index).children().css('display', 'none');
    $('.results_comment').eq(index).children().slice(0, show_per_page).css('display', 'block');
    // 分页结束
    });



/ 分页方法
function previous() {
    new_page = parseInt($('#current_page').val()) - 1;
    if ($('.active_page').prev('.page_link').length == true) {
        go_to_page(new_page);
    }
}

function next() {
    new_page = parseInt($('#current_page').val()) + 1;

    if ($('.active_page').next('.page_link').length == true) {
        go_to_page(new_page);
    }
}

function go_to_page(page_num) {
    var show_per_page = parseInt($('#show_per_page').val());
    start_from = page_num * show_per_page;
    end_on = start_from + show_per_page;
    
    
         $('.results_comment').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
    
   
    $('.page_link[longdesc=' + page_num + ']').addClass('active_page').siblings('.active_page').removeClass('active_page');
    $('#current_page').val(page_num);
}
// 分页方法




光脚大仙人
浏览 2780回答 1
1回答

李晓健

多个分页中的参数,分到多个对象中去存储就行了,不要多个分页对象共用同一个对象去存参数 
随时随地看视频慕课网APP
我要回答