无法使Bootstrap工具提示在也使用jQuery的页面中工作

Question

js导入序列

jQuery.js  ( 1.9.1)
jQuery UI  (1.10)
Bootstrap.js  (3.2)

在页面底部调用它：

$(document.body).tooltip({ selector: "[title]", placement: 'right' });

工具提示出现但它是jQuery工具提示（我知道因为我使用了独特的jQuery UI主题）。

如果我删除jQuery UI导入，工具提示将变为普通的默认HTML /浏览器工具提示。 为什么不加载bootstrap工具提示代码？

Answer 1

下载最新版本的bootstrap后问题已得到解决。我需要做的一件事。我将这些行包括在jQuery UI和Bootstrap javascript文件之后（按顺序）。

<script type="text/javascript">
var btn = $.fn.button.noConflict() // reverts $.fn.button to jqueryui btn
$.fn.btn = btn // assigns bootstrap button functionality to $.fn.btn
</script>

如果没有这个，jQuery UI的.buttonset（）函数无法正常工作，因此，那些按钮类型的花哨选项选项没有显示在页面上。在这种情况下，jQuery和Bootstrap的Tooltip按钮正在工作。谢谢大家。