I have used Bootstrap but the tooltip is not working
<a href="#" data-original-tittle="test"
data-placement="right"
rel="tooltip"
target=" _blank"> hover me
</a>
Or do I need to use jQuery?
Single element To make an element display its tooltip permanently, we use its showTooltipOn property. To make tooltip always be shown, set it to "always" .
How To Create a Tooltip. To create a tooltip, add the data-toggle="tooltip" attribute to an element. Note: Tooltips must be initialized with jQuery: select the specified element and call the tooltip() method.
How to position the tooltip - auto | top | bottom | left | right. When auto is specified, it will dynamically reorient the tooltip. When a function is used to determine the placement, it is called with the tooltip DOM node as its first argument and the triggering element DOM node as its second.
Try to add tooltip like
<script type="text/javascript">
$(function(){
$('[rel="tooltip"]').tooltip();
});
</script>
or you can directly select as
$('a').tooltip();
or try with it
<a href="#" data-toggle="tooltip"
data-original-title="Tooltip on right">hover me</a>
and your script like
$(function() {
$('a').tooltip({placement: 'right'});
});
MY ULTIMATE FIDDLE finally HERE
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With