0

我正在尝试使用 jqPagination 对可以使用 ajax 过滤的产品进行分页。在此之前一切正常：假设我有 20 个产品，每页 5 个产品，这意味着 4 页。现在，如果我过滤产品并仅获得（即）2 页，而我在应用过滤器时位于第 4 页，则会出现我的问题。jqPagination 输入显示第 4 页，共 4 页。（如果我在应用 ajax 过滤器时在第 1 页或第 2 页上工作正常）。这是我使用的 jquery 代码：

$(document).ready(function() {
  var records_per_page = 5;
  var records = $('#products div.productItem').length;
  var pages = Math.ceil(records/records_per_page);

  $('#products div.productItem').slice(records_per_page).hide();

  $('.pagination').jqPagination({
    max_page    : pages,
    page_string : '{current_page} of {max_page}',
    paged       : function(page) {

      var start_rec = records_per_page * (page-1);
      var stop_rec = start_rec+records_per_page;

      $('#products div.productItem').hide();
      $('#products div.productItem').slice(start_rec,stop_rec).show();
    }
  });
});

$.ajax({
        url: "modules/modules/_ajax-filters.php",
        data: { marke: selBrandStr, lieferung: selDeliveryStr, minPrice: minPriceFilter, maxPrice: maxPriceFilter, pag: pag },
        type:"post",
        async: false,
        cache: false,
        dataType: "html",
        success: function (html) {
            $('#products').html('');
            $('#products').html(html);

            var records_per_page = 5;
            var records = $('#products div.productItem').length;
            var pages = Math.ceil(records/records_per_page);

            $('.pagination').jqPagination('option', 'max_page', pages);
            $('.pagination').jqPagination('option', 'current_page', 1);
        }
});
4

1 回答 1

0

我找到了自己的答案......我不得不在它们之间改变线条

$('.pagination').jqPagination('option', 'max_page', pages);
$('.pagination').jqPagination('option', 'current_page', 1);

并成为：

$('.pagination').jqPagination('option', 'current_page', 1);
$('.pagination').jqPagination('option', 'max_page', pages);

现在工作。

于 2017-01-10T14:02:47.640 回答