javascript Boostrap popovers隐藏在外面和其他popovers的点击

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Boostrap popovers隐藏在外面和其他popovers的点击相关的知识,希望对你有一定的参考价值。

$body.popover({
    selector: '[data-toggle="popover"]',
    trigger: "click focus",
    placement: "bottom",
    container: "body",
    //...
}).on("show.bs.popover", function(e){
    console.log(e.target);
    //$('[data-toggle="popover"]').not(e.target).popover("destroy");
    //$(".popover").remove(); 
    $('[data-toggle="popover"]').not(e.target).popover('hide');
    $(e.target).data('bs.popover').inState.click = false;  
});

$body.on('click', function (e) {
    if ($(e.target).data('toggle') !== 'popover'
        && $(e.target).parents('.popover.in').length === 0) { 
        var $popovers = $('[data-toggle="popover"]');    
        $popovers.popover('hide');
        if($popovers.data("bs.popover")){
            $popovers.data("bs.popover").inState.click = false;
        }
        // asegurarnos de que eliminamos los popovers
        $('.popover').remove();
    }
});

以上是关于javascript Boostrap popovers隐藏在外面和其他popovers的点击的主要内容,如果未能解决你的问题,请参考以下文章

Boostrap 插件

html Boostrap Javascript

boostrap插件

javascript boostrap - 更改必填字段的默认消息

javascript Bootstrap popover / tooltips / ...用于动态创建的元素

如何使用纯 CSS/JavaScript(即没有 jQuery、没有 Boostrap 等)创建可水平和垂直折叠的 HTML div?