Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap 3 Tooltips or Popovers doesn't work

I have a Django application with the front-end designed in Twitter Bootstrap 3. All of the my styling and JS is working fine including the modals, etc... But I cannot for the life of me get the tooltips of popovers to do anything....

I am not throwing any errors in Firebug.

Here is the order of my includes:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

Here is my an example call for the tooltip I took straight from the bootstrap site:

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

Anyone else have trouble with the 2 elements?

I am fairly certain it is something dumb I've done.

All other JS affects provided in Bootstrap 3 like the modals & tabs are working fine...

like image 310
xXPhenom22Xx Avatar asked Aug 23 '13 19:08

xXPhenom22Xx


People also ask

Why are Popovers not showing up?

Zero-length title and content values will never show a popover. Specify container: 'body' to avoid rendering problems in more complex components (like our input groups, button groups, etc). Triggering popovers on hidden elements will not work.

How do you initialize Popovers?

To create a popover, add the data-toggle="popover" attribute to an element. Note: Popovers must be initialized with jQuery: select the specified element and call the popover() method.

How do you activate tooltips?

How to Turn On Advanced Tooltips. The easiest way to turn on Advanced Tooltips in Minecraft is to press F3+H at the same time.


1 Answers

You just need to enable the tooltip via javascript:

$('some id or class that you add to the above a tag').tooltip()
like image 79
steakchaser Avatar answered Jan 05 '23 01:01

steakchaser