Bootstrap popover is not working in Chrome

Question

http://www.rightoption.co/

You will find "Our Client" On RHS side of page, Click on thumbnails it opens popover(Firefox), But it's not working in Google chrome, Please help me out of this

Edit : Website is no longer on hosting

Answer 1

This is because the default trigger for the popover is focus. In Firefox, when you click on something, it seems to gain focus but that does not seem to be true for Chrome in this case.

You can try one of 2 things:

Try to manually set the trigger on the tag to be "manual". So add this attribute data-trigger="manual"

OR

In your document onload, instead of doing:

$('#element, #element1').popover('toggle').popover('hide');

use this line instead:

$('#element, #element1')
   .popover()
   .click(function(e) { 
       e.preventDefault(); 
       $(this).focus(); 
   });

Answer 2

The accepted answer is pretty dated now, but it came up for me in a Google search, so I would like to add that as of version 2.3.0 Bootstrap now allows to send 'hover focus' as the trigger so it will work on both. And very importantly, it also allows a 'click' trigger that works as you'd expect (specifically for Chrome).