bootstrap 弹出框popover 鼠标划过离开不消失或延迟消失

如果是点击显示,则需要再次点击原处,才 能关闭弹窗,所以,用滑动功能可以解决,只是手机版上怕是不行.
弹窗中支持超链接

<div class="div1">
	   <li role="button"data-toggle="popover"data-placement="left" 
	    title="Related goods" data-content="<a style='width:120px;' href='/?a=cp5'>123</a>">
	   <span>1550nm</span>
</li>
</div>
$(".div1 li").popover({ trigger: "manual" , html: true, animation:false})
    .on("mouseenter", function () {
        var _this = this;  
        $(this).popover("show");
        $(".popover").on("mouseleave", function () {
            $(_this).popover('hide'); 
        });
    }).on("mouseleave", function () {
        var _this = this;
        setTimeout(function () {
            if (!$(".popover:hover").length) {
                $(_this).popover("hide");
            }
        }, 300);
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值