jquery ui tooltip conflict with bootstrap 3 tooltip

Solution is very very easy.

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

Just load jQueryUI before loading boostrap and all will be ok! Worked for me.


Just include what you need from jquery-ui! Go to http://jqueryui.com/download/ and only select the things you really use (without tooltip obviously).


I was also facing the same issue and found a quick work around for this.

 <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>

This will override jquery-ui's tooltip and use bootstrap's tooltip.