Bootstrap的popover(弹出框)在append后弹不出(失效)

在使用popover(弹出框)时，发现跟其他组件使用方式有些区别，需要手动初始化才能弹出来，如下：

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
 Popover on 顶部
</button>

<script>
$(function () {
 $('[data-toggle="popover"]').popover()
})
</script>

但如果popover（弹出框）DOM是后来创建的，比如append后，最开始手动初始化了也没用，经过几次测试后，发现需要再刚创建popover的DOM后，再一次初始化才生效，如下：

 var testHtml = "<button type='button' class='btn btn-default' data-container='body' data-toggle='popover' data-placement='top' data-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'>"+
     "Popover on 顶部"+
    "</button>"

 $("body").append(testHtml);
 $('[data-toggle="popover"]').popover(); //创建popover（弹出框）DOM后立即初始化

刚创建时效果图：

点击时效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Bootstrap  # popover  # 弹出框  # append  # Bootstrap的popover（弹出框）2秒后定时消失的实现代码  # Bootstrap popover用法详解  # Bootstrap基本插件学习笔记之Popover提示框(19)  # 妙用Bootstrap的 popover插件实现校验表单提示功能  # BootStrap使用popover插件实现鼠标经过显示并保持显示框  # 全面解析Bootstrap中tooltip、popover的使用方法  # Bootstrap每天必学之弹出框（Popover）插件  # BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法  # 弹出  # 几次  # 也没用  # 大家多多  # container  # body  # default  # data  # top  # placement  # toggle  # content  # btn  # class  # brush  # pre  # button  # type  # xhtml 

相关文章： 如何通过西部数码建站助手快速创建专业网站？  专业商城网站制作公司有哪些,pi商城官网是哪个？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  建站主机是什么？如何选择适合的建站主机？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  如何通过VPS搭建网站快速盈利？  已有域名能否直接搭建网站？  模具网站制作流程,如何找模具客户？  建站之星多图banner生成与模板自定义指南  如何快速配置高效服务器建站软件？  如何通过PHP快速构建高效问答网站功能？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  公司网站制作需要多少钱,找人做公司网站需要多少钱？  学校建站服务器如何选型才能满足性能需求？  电商网站制作价格怎么算,网上拍卖流程以及规则？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  如何用狗爹虚拟主机快速搭建网站？  如何快速生成凡客建站的专业级图册？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  如何打造高效商业网站？建站目的决定转化率  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  建站DNS解析失败？如何正确配置域名服务器？  已有域名和空间如何搭建网站？  如何通过商城免费建站系统源码自定义网站主题？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  建站主机如何选？高性价比方案全解析  定制建站如何定义？其核心优势是什么？  建站之星安装失败：服务器环境不兼容？  广东企业建站网站优化与SEO营销核心策略指南  C#怎么创建控制台应用 C# Console App项目创建方法  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  建站之星下载版如何获取与安装？  建站10G流量真的够用吗？如何应对访问高峰？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  如何通过WDCP绑定主域名及创建子域名站点？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  建站之星CMS五站合一模板配置与SEO优化指南  网站制作服务平台,有什么网站可以发布本地服务信息？  平台云上自助建站如何快速打造专业网站？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  威客平台建站流程解析：高效搭建教程与设计优化方案  济南网站制作的价格,历城一职专官方网站？  如何在万网主机上快速搭建网站？  如何快速搭建FTP站点实现文件共享？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  如何安全更换建站之星模板并保留数据？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  如何在云主机上快速搭建网站？