0

我将 bootstrap-table 与一些 bootstrap-popover 和/或工具提示一起使用。当我调整窗口大小或使用某些表格功能(例如:搜索或切换或排序)时,弹出框或工具提示不再起作用。(例如,工具提示成为标准的 html 工具提示。)。我想念什么?还是有些问题?欢迎任何帮助!我尝试使用标准引导表,但没有发现这个问题。

我只是在这里添加了一个带有工具提示和弹出框的 JSFiddle 测试

现在可以工作了,请看这里已 解决

感谢 github 上 djhvscf 的帮助

所以对于js我有这个

$(function () {
    $('[data-toggle="tooltip"]').tooltip()
    $('[data-toggle="popover"]').popover();
})

对于 html

<table id ="lst_art_adm" data-toggle="table" 
            data-striped="true" 
            data-search="true"
            data-show-toggle="true"
            data-mobile-responsive="true"
        >
            <thead>
                <tr>
                    <th data-sortable="true">ID</th>
                    <th>Titre</th>
                    <th>Sujet</th>
                    <th>Fonctions</th>
                </tr>
            </thead>
            <tbody>

     <tr>
        <td>14</td>
        <td align="left" width="80%">Un autre article <i>(archive)</i></td>
        <td>NPDS<a href="index.php?op=newtopic&amp;topic=1" class="tooltip">NPDS</a></td>

     <tr>
        <td>13</td>
        <td align="left" width="80%"><a data-toggle="popover" data-trigger="hover" href="article.php?sid=13" data-content="" title="13" data-html="true" class="">test article</a></td>
        <td>Modules<a href="index.php?op=newtopic&amp;topic=2" class="tooltip">Modules</a></td>

...

4

0 回答 0