Salman Salman - 3 months ago 25
HTML Question

Why doesn't the delay time option work for my tooltip?

Ive created a simple tooltip using bootstrap and JQuery. But the delay time for the tooltip simply doesn't work for me. Its taking obviously longer than 100 milliseconds.


<p class="myHover" onclick="jobFunction()" data-toggle="tooltip" title="Hooray!" data-delay=100>GIS Researcher</p>



Ive properly referenced bootstrap and jQuery in my head tag.


Works fine for me. Your fiddle didn't load any of the required libraries.

I changed your paragraph to a span and set the tooltip placement to bottom to make it show up in a more sensible location.

$(document).ready(function() {
<script src=""></script>
<script src=""></script>
<link href="" rel="stylesheet" />
<span class="myHover" data-toggle="tooltip" title="Hooray!" data-delay="100" data-placement="bottom">GIS Researcher</span>