jquery - Bootstrap tooltip not visible in rails app -


i trying implement bootstrap tooltip, seems hidden behind other content. when hover element rel="tooltip", tooltip div generated dom, not visible in browser. have z-index not causing problem. appreciated:)

here code:

//= require jquery //= require jquery_ujs //= require jquery.ui.all //= require modernizr //= require bootstrap //= require bootstrap-multiselect //= require bootstrap-scroll-modal //= require i18n //= require i18n/translations //= require flashy //= require colorfont // //= require avatars_for_rails // //= require_self //= require_tree ./social_stream 

icon tooltip:

<i class="icon-ok-sign" rel="tooltip" title="tooltip"></i> 

tooltip init:

jquery ->   $("[rel=tooltip]").tooltip({ delay: { show: 400, hide: 100 }, container: "body", animation: "true"}) 

result in dom console when hovering:

<div class="tooltip" style="display: block; position: absolute; top: -10px; left: 495.5px; ">tooltip</div> 

as can see, renders outer div, , not removed dom on mouseout. - classes 'in' , 'fade' never added tooltip, although 'display=' changes between 'block' , 'none' when hovering. looks part of os working.. weird:/


Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -