bootstrap popover动态显示时需要注意的地方

本文介绍如何使用Bootstrap的Popover插件动态更改显示内容的方法,并提供了一个实际应用案例,包括配置选项和注意事项。

  当你需要动态改变popover的内容时,一定要加上这个属性,不然是改不了的


$("#a").on("hidden.bs.modal",function(){

    $(".oldTaskUrl").popover("destroy")

    }) 

这个例子是在模态框使用popover,关闭模态框时destroy掉popover的内容


 $(".oldTaskUrl").popover({
    html:true,
    placement:'top',
    trigger:'hover',
    /*delay:{"hide":2000},*/
    title:'<span style="font-weight:700">详细url地址</span>',
    content:'<p style="width:auto;height:20px;">'+data.taskUrl+'</p>'
    })

1、html为true可以填入标签

2、placement控制弹出的位置,不过你也可以通过操作.popover这个class去定位自己的位置

3、触发器。自己选择

4延迟:格式如上

5、title是你弹出的标题

6、content是你想要展示的内容,可以是函数和字符串,他有默认的样板

7、如果你不想用默认的样板,可以通过template:"你的模板"来修改

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值