Twitter Bootstrap tooltip（）停止工作

Question

Bootstrap工具提示突然无法正常工作时出现问题。 他们被纳入这样的：

//Gemfile 
gem 'bootstrap-sass', '~> 3.2' 

//application.js 
//= require jquery 
//= require bootstrap 

//application.sass 
@import "bootstrap" 

他们已被列入这样在过去的一年没有问题。 在开发工具中，我甚至可以获得对jQuery元素的引用，开发工具的auto complete显示tooltip()可用。

但是，当我在元素上调用tooltip()时，将鼠标悬停在此元素上时不会发生任何事情。

我在http://getbootstrap.com/上做了同样的动作。

另一个奇怪的是，当我使用HTML属性来触发一个提示，像这样：

//using Slim as an example 
a[href title="hello world" data-toggle="tooltip" data-placement="left"] My Link 

我得到一个提示，但风格是完全错误的

我检查了工具提示并复制了此工具提示HTML：

<div role="tooltip" class="ui-tooltip ui-widget ui-corner-all ui-widget-content" id="ui-id-15" style="position: relative; top: -483.25px; left: 0px; display: block;">   
<div class="ui-tooltip-content">hello world</div> 

我没有工具提示相同的http://getbootstrap.com/：

<div class="tooltip fade bottom in" role="tooltip" id="tooltip136998" style="top: 18263px; left: 492.984px; display: block;"> 

在底部

工具提示

的HTML甚至不同。我的工具提示没有箭头。

我使用Rails，上海社会科学院，角，引导通过“引导-Sass的宝石

Answer 1

看起来你在你的项目中，与引导的冲突ĴQuery UI tooltip。

要么摆脱的jQuery UI的或者使用下面的解决方法（取决于您的库加载顺序）：

// bootstrap -> workaround -> jQueryUI 
$.fn.bootstrapTooltip = $.fn.tooltip.noConflict(); 

// jQueryUI -> workaround -> bootstrap 
$.widget.bridge('uitooltip', $.ui.tooltip); 

UPD：请注意，如果你决定在你的项目中使用两个库，您可能还需要jQueryUI/Bootstrap $.fn.button的解决方法。