Bootstrap工具提示位置错误

Question

我有一个简单的laravel应用程序，我喜欢使用bootstrap工具提示。

表：

            <table id="tableSequence" class="table" style="font-size: 12px">
                    <tr style="font-weight: 600">
                            <td data-toggle="tooltip" data-placement="top" title="Tooltip on left">EZ</td>
                            <td>MZ</td>
                            <td>WZ</td>
                            <td>EP</td>
                            <td>MP</td>
                            <td>WP</td>
                            <td>SZ</td>
                            <td>TZ</td>
                            <td>SP</td>
                            <td>TP</td>
                    </tr>

JS

    $(function(){

    $('[data-toggle="tooltip"]').tooltip({

    });

});

当我使用EZ时，工具提示显示在屏幕左侧：

我是否必须添加其他代码才能将工具提示放在对象附近？

Answer 1

我无法使用bootstrap。因此我使用Toltipster 现在它完美运作了！

Answer 2

尝试将数据展示位置更改为top以外的其他位置。此问题与您的布局有关。提供测试链接。解决问题可能会更好。

Answer 3

您可以在此处检查我针对相同问题的简单解决方案：

https://stackoverflow.com/a/60172398/2176096

Answer 4

就我而言，问题在于 jQuery UI 库的存在，因为它处理同名的类，最终会弄乱引导程序的工具提示样式和 plecement。我只需要删除它即可解决问题。