app/assets/javascripts/popover_icon.js
$(document).ready(function() {
$('body').popover({selector: "[data-toggle~='popover']", html: true, trigger: 'manual'});
// Manually show the popover for clicked-on element, and dismiss all
// other popovers when new one displayed.
$(document).on('click', '.popover-trigger', function(ev) {
var selector = $(this).data('target');
var toggle = $(selector);
$.each($("[data-toggle~='popover']"), function(i, pop) {
pop = $(pop);
if (pop.is(toggle)) {
pop.popover('toggle');
pop.data('bs.popover')
.tip()
.addClass('active-popover');
} else {
pop.popover('hide');
}
});
});
});