2015-11-11 2 views
0

Tooltips работают хорошо, когда это как раз I гнездо его внутри «ул» с классом нав и нав-боковой панели, в подсказке дольше этоBootstrap Tooltips Не Работа с внутренними нав нав-врезке класс

<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 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> 

Я не мог найти ответ на это в любом месте. Заранее спасибо!

ответ

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(); 
}); 
+0

Спасибо за ответ! Но это не сработало. Когда я нависаю над ним и проверяю элемент, я вижу, что класс всплывающей подсказки div приближается, но всплывающая подсказка по-прежнему не отображается на фактической странице. Есть идеи? Может быть, это где-то столкновение? – John

+0

Вы можете разместить ваш CSS код –

+0

https://jsfiddle.net/d3h3pjfo/ ул вложен внутри DIV с классом «боковой» – John