引导程序工具提示可正确显示文本并淡出，但不在图标上方的工具提示中

Question

我的工具提示有问题，因为它在左侧显示文本，并在鼠标悬停时淡出，但不能在图标上的工具提示框中正确显示。我正在使用bootstrap。我的一部分认为它可能是基于jquery ui和jquery不能很好地在一起工作的东西-如果需要的话，我很乐意添加我的application.js。任何帮助都将不胜感激。

以下是我认为代码在鼠标悬停时应该是什么样子：

​

这是它的实际外观-此外，您可以看到工具提示显示在左侧的“追随者”，而不是在图标上的工具提示。它将标题改为title aria-describeby "ui-tooltip-34“

​

​

下面是代码的html

  <li class="action-nav-button">
    <a href="#" class="tip" title="New Project" >
      <i class="icon-file-alt"></i>
    </a>
  </li>
</ul>

下面是工具提示的jquery

  #tooltips
  $('.tip, [rel=tooltip]').tooltip(gravity: 'n', fade: true, html:true)

这是其中的一部分

.action-nav-normal {
  .badge, .label {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 3px 5px;
    display: block;
    @include box-shadow(none);
  }

  .triangle-button {
    border-top-right-radius: 3px;
    pointer-events: none;

    i {
      right: 4px;
      top: 3px;
    }
  }
}

Answer 1

尽管我还需要对此做更多的研究，但我相信这源于gem ActiveAdmin自动包含Jquery库。

我将发布一个进一步的解决方案，一旦解决。