1

我的工具提示有问题，因为它在左侧显示文本并在鼠标悬停时消失，但没有在图标上方的工具提示框中正确显示。我正在使用引导程序。我的一部分认为它可能基于 jquery ui 和 jquery 之类的东西不能很好地协同工作 - 如果需要，我很乐意添加我的 application.js。任何帮助，将不胜感激。

以下是我认为代码在鼠标悬停时的外观： 右图

这是它的实际外观 - 此外，您可以在左侧看到工具提示显示“关注者”，而不是在图标上方的工具提示中。它将标题更改为标题 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)

这是sass的一部分

.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;
    }
  }
}
4

1 回答 1

0

尽管我仍然需要对此进行更多研究，但我相信这源于 gem ActiveAdmin 自动包括 Jquery 库。

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

于 2013-12-19T20:15:00.183 回答