2

我正在尝试实现引导工具提示，但它似乎隐藏在其他一些内容后面。当我用 rel="tooltip" 悬停一个元素时，工具提示 div 会生成到 DOM，但在浏览器中不可见。我有 Z-index 没有引起问题。任何帮助表示赞赏:)

这是我的代码：

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

带有工具提示的图标：

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

工具提示初始化：

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

悬停时从控制台生成 DOM：

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

如您所见，它只呈现外部 div，并没有在 mouseOut 上从 DOM 中删除。此外 - 类 'in' 和 'fade' 永远不会添加到工具提示中，尽管 'display=' 在悬停时会在 'block' 和 'none' 之间变化。所以它看起来像它的一部分工作......非常奇怪：/

4

0 回答 0