Bootscript 弹出层 popover

最新推荐文章于 2022-06-19 16:06:48 发布

weixin_43998184

最新推荐文章于 2022-06-19 16:06:48 发布

阅读量172

点赞数

分类专栏：控件文章标签： html

本文链接：https://blog.csdn.net/weixin_43998184/article/details/107980407

版权

控件专栏收录该内容

5 篇文章 0 订阅

订阅专栏


 <button type="button" rel="drevil2" data-container="body" data-toggle="popover" class="glyphicon glyphicon-hand-up  popverInput" data-placement="bottom" style="display:none;"></button>


$('[rel=drevil2]').popover('destroy'); 
        $("[rel=drevil2]").popover({
            trigger: 'manual',
            placement: 'bottom',
            title: '<div style="">电话： ' + phones + '</div>',
            html: 'true',
            content: '<div id="popOverBox2"> 地址：' + address + '</div>',
            animation: false
        }).on("mouseenter", function () {
            var _this = this;
            $(this).popover("show");
            $(this).siblings(".popover").on("mouseleave", function () {
                $(_this).popover('hide');
            });
        }).on("mouseleave", function () {
            var _this = this;
            setTimeout(function () {
                if (!$(".popover:hover").length) {
                    $(_this).popover("hide")
                }
            }, 100);
        });