All geek questions in one place

Jquery ui context help with bootstrap 3 help

I am using bootstrap 3 for my project layout. and also i need jquery.ui javascript file for parts of my page. the problem is that both bootstrap and jquery ui have a tooltip function, and I want to use a tooltip, but jQuery ui tooltip appears. is there any way to disable jQuery ui tooltip without any effect on other jquery ui functions?

+5
source share
4 answers

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

+6
source

The solution is very simple.

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

Just download jQueryUI before loading boostrap and everything will be alright! Worked for me.

+12
source

I also ran into the same problem and quickly found a solution to this problem.

  <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 the jquery-ui hint and will use the boot prompt.

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

- this is a fix that will not work for a long time, since the btton user interface or any plugin in css may not work correctly. Not a solution.

+1
source

Source: https://habr.com/ru/post/1209954/

More articles:


All Articles