jquery ui tooltip与bootstrap 3工具提示冲突

Question

我正在使用bootstrap 3进行项目布局.我还需要jquery.ui javascript文件,用于我页面的部分内容.问题是bootstrap和jquery ui都有这个tooltip功能,我想使用bootstrap工具提示,但是jquery ui工具提示出现了.有什么办法可以禁用jquery ui工具提示而对其他jquery ui函数没有任何影响？

Answer 1

解决方案非常简单.

 <script src="/js/lib/jquery-ui.min.js"></script>
 <script src="/js/lib/bootstrap.min.js"></script>

只需在加载boostrap之前加载jQueryUI,一切都会好的!为我工作.

Answer 2

只需从jquery-ui中包含您需要的内容!转到http://jqueryui.com/download/,只选择你真正使用的东西(tooltip显然没有).

Answer 3

我也面临同样的问题，并为此找到了快速解决方法。

 <script src="/js/lib/bootstrap.min.js"></script>
 <script>var bootstrapTooltip = jQuery.fn.tooltip;</script>
 <script src="/js/lib/jquery-ui.min.js"></script>
 <script>jQuery.fn.tooltip = bootstrapTooltip;</script>

这将覆盖 jquery-ui 的工具提示并使用引导程序的工具提示。