在使用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?
如何通过免费商城建站系统源码自定义网站主题与功能?
红河网站制作公司,红河事业单位身份证如何上传?
如何设置并定期更换建站之星安全管理员密码?
学校为何禁止电信移动建设网站?
网站制作软件有哪些,制图软件有哪些?
昆明网站制作哪家好,昆明公租房申请网上登录入口?
建站主机数据库如何配置才能提升网站性能?
*请认真填写需求信息,我们会在24小时内与您取得联系。