css - Bootstrap 工具提示在 nav nav-sidebar 类中不起作用

Question

工具提示在这种情况下工作正常

    <li>
        <a href="#" data-toggle="tooltip" title="Some tooltip text!" class="sidebar-item-link">
            <span class="glyphicon glyphicon-home glyph-sidebar"></span>
            <span class="sidebar-text">Home</span>
        </a>
    </li>

但是一旦我将它嵌套在带有 nav 和 nav-sidebar 类的“ul”中，工具提示就不再显示了。

例如

<ul class="nav nav-sidebar">
    <li>
        <a href="#" data-toggle="tooltip" title="Some tooltip text!" class="sidebar-item-link">
            <span class="glyphicon glyphicon-home glyph-sidebar"></span>
            <span class="sidebar-text">Home</span>
        </a>
    </li>
</ul>

我在任何地方都找不到这个问题的答案。提前致谢!

Answer 1

试试这个 https://jsfiddle.net/2Lzo9vfc/43/

HTML

<ul class="nav nav-sidebar">
    <li>
        <a href="#" data-toggle="tooltip" title="Some tooltip text!" class="sidebar-item-link" data-placement="bottom">
            <span class="glyphicon glyphicon-home glyph-sidebar"></span>
            <span class="sidebar-text">Home</span>
        </a>
    </li>
</ul>

JS

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