Bootpag使用div属性填充参数

Question

我正在使用以下插件：http://botmonster.com/jquery-bootpag

这是我的jQuery：

$('[data-pagination]').bootpag({
    total: $(this).data('total'),
    maxVisible: 5,
    firstLastUse: true,
    leaps: true,
    next: '›',
    prev: '‹',
    first: '«',
    last: '»'
});

这是我的HTML：

<div data-pagination="customer" data-total="5"></div>

问题在于它无法正常工作。 total参数未填充，因此分页未显示任何内容。

如何正确地将data-total属性传递给bootpag total参数？

Answer 1

当使用这种方式时，

this似乎没有指向该对象。由于每次出现元素的总数可能不同，因此必须分别在每个元素上调用bootpag。

试试这个：

$('[data-pagination]').each(function() {
    $(this).bootpag({
      total: $(this).data('total'),
      maxVisible: 5,
      firstLastUse: true,
      leaps: true,
      next: '›',
      prev: '‹',
      first: '«',
      last: '»'
    });
});