Bootstrap 4 工具提示样式仅适用于第一部分

Posted 2023-04-13

【中文标题】Bootstrap 4 工具提示样式仅适用于第一部分

【英文标题】：Bootstrap 4 tooltip style only works in the first section

【发布时间】：2020-02-13 17:18:53

【问题描述】：

我有一个表格，起初只显示 10 行，这里工具提示正确显示 ，但如果我切换到下一页或显示更多条目，工具提示在接下来的 中无法正常工作.

【参考方案1】：

我以前遇到过这个错误。基本上，当您更改页面时，它会再次绘制内容，并且您必须重新触发工具提示。

您可以做的是向页面索引添加一个事件侦听器，并在每次页面索引更改时运行$('[data-toggle="tooltip"]').tooltip();。

【讨论】：

我已经在使用它并且它首先加载一次（每次加载页面时）......问题是当我更改页面（在表格中）或显示更多条目时（表），我没有重新加载页面的任何内容，数据已经存在。

【参考方案2】：

好的 nvm 我找到了下一部分代码的解决方案：

var table = $('#table').DataTable(

            drawCallback: function (settings) 
                var api = this.api();

                $('name', api.table().container()).tooltip(
                    container: 'body'
                );
              

        );

'name' 是工具提示的 ID。