I am trying to use Bootstrap Tooltip with T3 BS3 template in my custom component.
I already read a lot of topics about it, but I still have the problem. Just add the class "hasTooltip" doesn't work for me.
Popover
It works with this code :
<button type="button" class="btn hasPopover" title="Test" data-content="It works great">Click to toggle popover</button>
<script type="text/javascript">
!function ($) {
$(function(){
$(".hasPopover").popover({title: '', content: "Testing popover!", trigger: "click", placement: "bottom" });
})
}(window.jQuery)
</script>
Tooltip
I use nearly the same code for tooltip, but I can't make it works
<button type="button" class="btn hasTooltip" title="Test" >Click to toggle tooltip</button>
<script type="text/javascript">
!function ($) {
$(function(){
$(".hasTooltip").tooltip({title:'Test', trigger: "hover", placement: "bottom" });
})
}(window.jQuery)
</script>
I don't understand what I do wrong. Can you advice me ?