如何为动态创建的Materialize Toast工具提示创建一个列表器？

Question

我有以下代码来激活Toast Tooltip组件：

$(function(){   
    $('.tooltipped').tooltip({delay: 50}); 
});

然而，当我们在对象上创建对象时，它不起作用。

我可以使用 JQuery.on 创建某种监听器吗？

Answer 1

只要有变化，您就可以使用draw events数据表重新初始化表格中的the tooltips。

$('#myTable').on( 'draw.dt', function () {
    $('#myTable .tooltipped').tooltip({delay: 50}); 
} );

您还可以删除tooltipped类以仅初始化工具提示事件一次：

$('#myTable').on('draw.dt', function () {
    $('#myTable .tooltipped')
        .removeClass('tooltipped')
        .tooltip({delay: 50});
});