Question

我有一个分页的数据表。

在我的表中，我有工具提示的标签，我必须启动每个数据表页面加载。我为页面更改事件添加了一个监听器，但奇怪的是，这只是在我按上一个或下一个时触发，而不是在1,2,3 ...按钮上。分页本身适用于所有按钮。

  $('#example').on('page.dt', function () {
      $('.tag').tooltip();
      var info = oTable.page.info();
      console.log('Showing page: ' + info.page + ' of ' + info.pages);
  });

Answer 1

使用带有 bootstrap数据表

的数据表时，我也发生了同样的情况

在分页元素列表上绑定点击事件，如下所示：

$('#example').datatable();

//original id plus _paginate
$('#example_paginate').click(function () {
      $('.tag').tooltip();
      var info = oTable.page.info();
      console.log('Showing page: ' + info.page + ' of ' + info.pages);
  });

Answer 2

我能够通过使用draw.dt事件而不是page.dt事件来处理类似的情况。出于这个问题的目的，我还使用bootstrap 3 tooltip（）组件测试了它：

$('#example').on( 'draw.dt', function () {
    $('.tag').tooltip();
}).DataTable();

Datatables page.dt仅由上一个下一个触发

2 个答案: