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调用后将其附加。数据表的ajax调用没有回调，但是您可以使用drawCallback方法：

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

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

DataTables插件中的jQuery Tooltip

1 个答案: