Angular Bootstrap Popover一次只打开一个Popover,如果在其他地方点击则关闭所有Popover

时间:2015-07-31 09:45:04

标签: jquery angularjs

在标题“指标”下,点击进度条上有一个进度栏,POPOVER打开我预计一次只打开一个弹出框。 即例如:如果1个弹出窗口已打开,那么点击第二个,另一个打开的弹出窗口应自动关闭。 [http://puu.sh/jjWne/053c884555.png][1]这里两个都是一次打开,而1应该只打开。 这是link

我必须粘贴网址,因为这是基于ajax的

1 个答案:

答案 0 :(得分:2)

我很久以前就遇到过这个问题,

使用此脚本在外部单击时隐藏弹出窗口。

$(document).on('click','body',function (e) {
    $('[data-toggle="popover"]').each(function () { 
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
    });
});

希望它适合你。