Like the subject says. While hovering over an image, a Bootstrap ToolTip successfully triggers. But after the mouse moves away from the image, the image disappears. Rather odd behavior.
I’ve read that the fix is …“you’ll have to specify the option container: ‘body’…” because there may be a conflict between the Mootools and jQuery, but I’m rather dense when it comes to jQuery (but still learning).
My code:
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<p><img class="toolimg hasTooltip" data-toggle="tooltip" title="This is the tooltip title" alt="Worship" src="images/icons/voodoo.png" /></p>
<p>Worship</p>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/javascript/bootstrap.min.js"></script>
<script>
$('img.toolimg').tooltip()
</script>
Would like to understand how I can work this for future issues.