在rails应用程序中看不到Bootstrap工具提示

Question

我正在尝试实现bootstrap工具提示，但它似乎隐藏在其他一些内容背后。当我使用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”之间发生变化。所以看起来它的一部分正在工作......非常奇怪：/