代码之家  ›  专栏  ›  技术社区  ›  Peter

引导工具提示位置错误

  •  3
  • Peter  · 技术社区  · 6 年前

    我有一个简单的laravel应用程序,我喜欢在其中使用引导工具提示。

    表格:

                <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时,工具提示显示在屏幕左侧:

    enter image description here

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

    4 回复  |  直到 6 年前
        1
  •  0
  •   Mayur Dusane    6 年前

    尝试更改 数据放置 至顶部以外的位置。这个问题与您的布局有关。提供测试链接。解决这个问题可能会更好。

        2
  •  0
  •   Peter    6 年前

    我无法让它与引导一起工作。因此我使用 Toltipster 现在它工作得很好!

        3
  •  0
  •   rafal chlopek    4 年前

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

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

        4
  •  0
  •   Flávio Teixeira Sales    3 年前

    在我的例子中,问题在于jQuery UI库的存在,因为它处理的是同名的类,最终会弄乱引导程序的工具提示样式和褶皱。我只需要删除它来解决问题。