jQuery DataTables 插件中的工具提示

Question

我想让 jQuery 工具提示与 DataTables jQuery 插件一起使用，但不知道如何附加它。

var myJBox = new jBox('Tooltip', {
   closeOnMouseleave: true,
   attach: '.tooltip',
   ajax: {
      url: 'tooltips/tooltip.jsp',
      reload: true,
      getData: 'data-ajax',
      setContent: true,
      spinner: true
   }
});

var oTable = $('#my-table').dataTable( {
    "searching": null,
    "info": false,
    "serverSide": true,
    "aoColumns": [
      {"sWidth": "25%", "sClass": "right", "bSortable": false },
      {"sWidth": "25%", "sClass": "left", "bSortable": false },
      {"sWidth": "25%", "asSorting": [ "desc", "asc" ] },
      {"sWidth": "25%", "asSorting": [ "desc", "asc" ] },
    ],
    "ajax": {
      "url": "ajax/my-table.jsp",
      "data": function ( d ) {
        d.variable = "1200";
      }
    }
} );

有谁知道如何让它发挥作用吗？谢谢

Answer 1

您需要在 ajax 调用后附加它。 Datatables 在其 ajax 调用中没有回调，但您可以使用 drawCallback 方法：

var oTable = $('#my-table').DataTable({
  // ...
  "drawCallback": function(settings) {
    myJBox.attach();
  },
});

检查这个 fiddle，在这里我将 jBox 附加到数据表中的任何 td： https://jsfiddle.net/StephanWagner/Lp6hb1v4/

jQuery DataTables 插件中的工具提示

jQuery Tooltip in DataTables plugin

jquery

tooltip

datatables