bootstrap Popover里面

Question

我在模态中显示一个popver我可以在关闭时隐藏它但在单击模态时无法隐藏它。我试着把它隐藏起来，这很好。代码在这里

$('.close, .close-button').click(function(){
    $(".popover.bottom").css('display', 'none');
});

我试图通过单击模态旁边隐藏但是当我在模态内部单击时它是隐藏的。

$("#myModal").click(function(){
    if(($("#myModal").attr('aria-hidden')) == 'false'){
        $(".popover.bottom").not('.modal-content').css('display', 'none');
    }
});

在这方面有谁可以帮助我？

Answer 1

$("#myModal").click(function(){

    if(!$("#myModal").attr('aria-hidden')){

        $(".popover.bottom").not('.modal-content').hide();
    }

});

Answer 2

我有类似的问题。你能尝试一下吗？将您的id / class替换为bootstrap。

$('[data-toggle="popover"]').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');
            }
        });
 });

供参考：http://jsfiddle.net/mattdlockyer/C5GBU/2/

Answer 3

我已经使用

完成了

$("#myModal").on('hidden.bs.modal', function(){
    $(".popover.bottom").css('display', 'none');
});