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
Post a Comment