Can't get bootstrap tooltips to work

1

I’m struggling to get bootstrap tooltips working.

I have links in this form:

<a href="<?php the_permalink(); ?>" data-toggle="tooltip" data-placement="top" title="Tooltip on top">test link</a>

And in _main.js I have:

common: {
        init: function() {
            // JS here
            $('[data-toggle="tooltip"]').tooltip();
        },

_main.js is compiling without error to scripts.min.js via grunt.

However the tooltips are failing to show up.

There’s a demo page where the thumbnail is an anchor tag with the correct data-toggle attribute but the tooltip is simply not firing: http://stage.lmcm.com.au/creative_type/composers/

I’m at a loss as to how to troubleshoot this issue, any assistance would be appreciated.

2

You’re loading the list of composers via ajax, meaning the elements do not exist when common.init fires. You’ll need to use a callback.

This isn’t Roots or Bootstrap related so I’m going to close it.