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 

相关文章： 建站主机选购指南与交易推荐：核心配置解析  建站之星2.7模板：企业网站建设与h5定制设计专题  如何构建满足综合性能需求的优质建站方案？  香港服务器WordPress建站指南：SEO优化与高效部署策略  如何高效完成自助建站业务培训？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  公众号网站制作网页,微信公众号怎么制作？  Python路径拼接规范_跨平台处理说明【指导】  青岛网站建设如何选择本地服务器？  ,网站推广常用方法？  C++如何编写函数模板？（泛型编程入门）  建站之星会员如何解锁更多建站功能？  建站主机解析：虚拟主机配置与服务器选择指南  建站之星好吗？新手能否轻松上手建站？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  建站之星如何助力网站排名飙升？揭秘高效技巧  如何在万网自助建站中设置域名及备案？  ,有什么在线背英语单词效率比较高的网站？  高端网站建设与定制开发一站式解决方案 中企动力  如何通过西部数码建站助手快速创建专业网站？  如何破解联通资金短缺导致的基站建设难题？  做企业网站制作流程,企业网站制作基本流程有哪些？  学校建站服务器如何选型才能满足性能需求？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  广德云建站网站建设方案与建站流程优化指南  相册网站制作软件,图片上的网址怎么复制？  临沂网站制作企业,临沂第三中学官方网站？  建站主机核心功能解析：服务器选择与网站搭建流程指南  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何快速搭建自助建站会员专属系统？  盘锦网站制作公司,盘锦大洼有多少5G网站？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  学校免费自助建站系统：智能生成+拖拽设计+多端适配  自助网站制作软件,个人如何自助建网站？  建站之星Pro快速搭建教程：模板选择与功能配置指南  寿县云建站：智能SEO优化与多行业模板快速上线指南  长沙企业网站制作哪家好,长沙水业集团官方网站？  如何在IIS中新建站点并配置端口与IP地址？  建站主机选哪种环境更利于SEO优化？  建站之星代理如何获取技术支持？  如何配置IIS站点权限与局域网访问？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  如何通过免费商城建站系统源码自定义网站主题与功能？  红河网站制作公司,红河事业单位身份证如何上传？  如何设置并定期更换建站之星安全管理员密码？  学校为何禁止电信移动建设网站？  网站制作软件有哪些,制图软件有哪些？  昆明网站制作哪家好,昆明公租房申请网上登录入口？  建站主机数据库如何配置才能提升网站性能？