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

来源:互联网 发布:网络加速器永久免费版 编辑:程序博客网 时间:2024/06/05 05:53

  当你需要动态改变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:"你的模板"来修改