【问题标题】:Bootstrap 4 tooltip style only works in the first sectionBootstrap 4 工具提示样式仅适用于第一部分
【发布时间】:2020-02-13 17:18:53
【问题描述】:

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

【问题讨论】:

    标签: c# jquery asp.net-mvc bootstrap-4 datatables


    【解决方案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。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-13
      • 1970-01-01
      相关资源
      最近更新 更多