数据表 page.dt 仅由上一个下一个触发答案

【问题标题】：Datatables page.dt only triggered by previous next数据表 page.dt 仅由上一个下一个触发
【发布时间】：2017-01-21 01:14:53
【问题描述】：

我有一个带分页的数据表。

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

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

【问题讨论】：

标签： jquery datatable

【解决方案1】：

将数据表与bootstrap datatables

一起使用时，我也遇到了同样的情况

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

$('#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);
  });

【讨论】：

【解决方案2】：

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

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

【讨论】：