Bootstrap .popover()“显示”和“销毁”无法正常工作

当我在“手动”模式下使用引导弹出窗口时，“销毁”和“隐藏”无法正常工作。 当我使用隐藏和销毁时，弹出窗口不透明度更改为 0，但它没有将显示更改为无，这导致弹出窗口容器覆盖其下方的内容。 否则，如果我使用“toogle”模式，它可以正常工作。

My code:

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

我的临时解决方案如下所示：

我在用着：

$('.popover').remove();

删除弹出窗口

and

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

    var i = $(this);
    var thisPopover = $('.popoverClose').filter('[data-info-id="' +i.data('info-id')+ '"]').closest('.popover');        
    if( thisPopover.is(':visible') ){
        $('.popover').remove();
    }
    else{
        $(this).popover('show');
    }
});

切换弹出窗口