Bootstrap popover, hide on click outside?

Question

using bootstrap popover, and now im trying to get this code to click outside the popover to close the popover: ``` $('body').on('click', function (e) { $('[data-toggle="popover"]').each(function () { //the 'is' for buttons that trigger popups //the 'has' for icons within a button that triggers a popup if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { $(this).popover('hide'); } }); }); ``` But when i use this part, i can close the popover but i cant click the other buttons, anyone got any idea how i can do that? All the buttons: ``` This opens popover Other link <- Doesn't work Other link <- Doesn't work ```

Accepted Answer

I found this : http://bootply.com/99372

```
$('body').on('click', function (e) {
    $('[data-toggle=popover]').each(function () {
        // hide any open popovers when the anywhere else in the body is clicked
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });
});
```

It's almost the same code as you...

Bootstrap popover, hide on click outside?

Solution

Problem