Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Twitter引导工具提示()已停止工作_Jquery_Angularjs_Twitter Bootstrap - Fatal编程技术网

Jquery Twitter引导工具提示()已停止工作

Jquery Twitter引导工具提示()已停止工作,jquery,angularjs,twitter-bootstrap,Jquery,Angularjs,Twitter Bootstrap,引导工具提示出现问题,突然无法工作。 它们包括如下内容: //Gemfile gem 'bootstrap-sass', '~> 3.2' //application.js //= require jquery //= require bootstrap //application.sass @import "bootstrap" 在过去的一年里,它们一直像这样被收录,没有任何问题。 在开发工具中,我甚至可以获得对jQuery元素的引用,开发工具的自动完成显示工具提示()可用 但是当

引导工具提示出现问题,突然无法工作。 它们包括如下内容:

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

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

//application.sass
@import "bootstrap"
在过去的一年里,它们一直像这样被收录,没有任何问题。 在开发工具中,我甚至可以获得对jQuery元素的引用,开发工具的
自动完成
显示
工具提示()
可用

但是当我在元素上调用
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>
底部的工具提示

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

我正在通过“bootstrap-sass”gem使用Rails、sass、Angular和bootstrap

看起来您的项目中有j与bootstrap的冲突

摆脱jQuery UI或使用以下解决方法(取决于库的加载顺序):


UPD:请注意,如果您决定在项目中同时使用这两个库,您可能还需要一个jQueryUI/Bootstrap
$.fn.button

的变通方法,我认为您的项目中有某种jQueryUI工具提示与Bootstrap的恰恰相反。谢谢
<div class="tooltip fade bottom in" role="tooltip" id="tooltip136998" style="top: 18263px; left: 492.984px; display: block;">
// bootstrap -> workaround -> jQueryUI
$.fn.bootstrapTooltip = $.fn.tooltip.noConflict();

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