Bootstrap popover is not working in Chrome

css, html, javascript, twitter-bootstrap

Solution

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(); 
   });

Problem

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

Original source

Related problems