How to prevent the popover div for hiding on clicking inside it for twitter bootstrap “dismissible popover”(data-trigger=“focus”)?

Question

I have a a dismissible popover(data-trigger=\"focus\") with a text box inside it. But as soon as I click inside the text box to type it dissappear because of the \"data-trigger=

Answer 1

This code works for me, you can dismiss the popover upon any condition by calling preventDefault() method.

var closePopOver=true;
    $('[data-toggle="popover"]').popover({
        html: true,
        title: '',
        content: function () {
            return 'Your Html Here';
        }
    }).on('hide.bs.popover', function (hideEvent) {
        if (!closePopOver) {
            hideEvent.preventDefault();
        }
    });