Kiedy używam popovera bootstrap w trybie 'manual' 'destroy' i 'hide' nie działa poprawnie. Kiedy używam hide and destroy, krycie popover zmienia się na 0, ale nie zmienia wyświetlania na none, co powoduje, że kontener popover pokrywa zawartość poniżej. W przeciwnym razie, jeśli użyję trybu „Google”, działa prawidłowo.

Mój kod:

$('[rel="popover"]').popover({
    html: true,
    placement: 'auto',
    container: 'body',
    trigger: 'manual'
});

$('body').on('click' , '[rel="popover"]' , function(e){
    e.stopPropagation();
    $(this).popover('toggle');
});

$('body').on('click' , '.popoverClose' , function(e){
    e.stopPropagation();
    var i = $(this);
    $('.inputInfo').filter('[data-info-id="' +i.data('info-id')+ '"]').popover('hide');
});

// new code
$('body').on('click', function(){
    $('[rel="popover"]').popover('hide');
});