Bootstrap 工具提示在 nav nav-sidebar 中不起作用 class
Bootstrap Tooltips Not Working Inside nav nav-sidebar class
像这样时工具提示工作正常
<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>
但是一旦我将其嵌套在带有 class 导航和导航侧边栏的 '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>
我在任何地方都找不到这个问题的答案。提前致谢!
试试这个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();
});
像这样时工具提示工作正常
<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>
但是一旦我将其嵌套在带有 class 导航和导航侧边栏的 '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>
我在任何地方都找不到这个问题的答案。提前致谢!
试试这个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();
});