javascript - Rails Bootstrap 工具提示样式不起作用

Question

我有一个使用 bootstrap 3.0 的 Rails 4.0 站点。工具提示正在显示但没有样式。 Bootstrap 示例显示标记将如下所示

<div class="tooltip">
  <div class="tooltip-inner">
  </div>
  <div class="tooltip-arrow"></div>
</div>

但是，当我检查它时，生成的标记看起来像是 jQuery 而不是 bootstrap。

<div id="ui-tooltip-18 role="tooltip" class="ui-tooltip ui-widget ui-corner-all ui-widget-content">
</div>

这是我的 application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require twitter/bootstrap
//= require_tree .

这是我的 JavaScript 调用工具提示

$(function(){
  $('[data-toggle=tooltip]').tooltip();
});

这是我在页面上的标记:

<h3>Verifications</h3>
<table>
  <% @verification_types.each do |type| %>
    <tr>
      <td><%= link_to "#{type.name}", '#', data: { toggle: "tooltip" }, title: "Default title" %></td>
    </tr>
  <% end %>
</table>

Answer 1

我讨厌这种方式，但我让它工作了。我必须添加一个 js 文件，我称之为 fix_tooltip.js 并将其添加到 $.fn.bstooltip = $.fn.tooltip; 然后在我的脚本中调用 tooltip 它现在执行 $('[data-toggle]').bstooltip(); 感觉真的很老套，不喜欢它。但是我无法通过更改 jQuery-UI 工具提示来让它工作。