Bootstrap popover用法详解

最近在自学Java Web基础，搭建自己的页面时候用到了Boostrap的JS库。由于之前没有接触过JQuery，所以用起来磕磕绊绊，所以在这里简单记一下Boostrap中我用到的JS 插件的一些用法。

第一个用到的就是Boostrap中的popover插件。原因是一个简单的注册界面需要验证用户名是否合法，是否已被注册，密码是否合法，再次输入密码是否和之前的密码匹配等，需要用到popover来进行信息警告。

首先一个简单的例子:

<div class="container" style="padding: 100px 50px 10px;" >
 <button type="button" id="button1" class="btn btn-default" 
   data-container="body" data-toggle="popover">
  左侧的 Popover
 </button> 
</div>

<script>
$(function (){
 $('#button1').popover({
  trigger: 'click',
  title: "test1",
  placement: 'right',
  content: 'hello'
 });
});
</script>

可以看到，在使用API进行popover编程时，一定要引用$(‘#element').popover()对id=”element”的控件进行popover激活。之前就是直接复制官网上的代码，发现点击后并不能trigger，一直很困惑。然后用name=”element”是不能激活popover的。
要是需要为input框添加popover效果，则只需要trigger='focus'即可。但似乎不支持blur，不能在blur之后判断input框中的内容是否合法从而触发popover。这个还需后续再研究。

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

# Boostrap  # popover  # Bootstrap的popover（弹出框）2秒后定时消失的实现代码  # BootStrap使用popover插件实现鼠标经过显示并保持显示框  # 全面解析Bootstrap中tooltip、popover的使用方法  # Bootstrap每天必学之弹出框（Popover）插件  # BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法  # 更改BootStrap popover的默认样式及popover简单用法  # 是否合法  # 自己的  # 是一个  # 在这里  # 第一个  # 已被  # 能在  # 可以看到  # 不支持  # 只需要  # 并不能  # 还需  # 官网  # 框中  # 大家多多  # 接触过  # 输入密码  # px  # xhtml  # brush 

相关文章： 哈尔滨网站建设策划,哈尔滨电工证查询网站？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  制作网站公司那家好,网络公司是做什么的？  如何在服务器上三步完成建站并提升流量？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  利用JavaScript实现拖拽改变元素大小  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  建站之星导航如何优化提升用户体验？  建站主机是什么？如何选择适合的建站主机？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  宝塔Windows建站如何避免显示默认IIS页面？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  如何通过云梦建站系统实现SEO快速优化？  建站主机是否等同于虚拟主机？  香港服务器如何优化才能显著提升网站加载速度？  如何用wdcp快速搭建高效网站？  如何快速搭建安全的FTP站点？  建站之星如何实现PC+手机+微信网站五合一建站？  浅析上传头像示例及其注意事项  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  5种Android数据存储方式汇总  兔展官网 在线制作,怎样制作微信请帖？  安云自助建站系统如何快速提升SEO排名？  如何在云指建站中生成FTP站点？  如何确保FTP站点访问权限与数据传输安全？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  建站之星价格显示格式升级，你的预算足够吗？  如何选择建站程序？包含哪些必备功能与类型？  宁波免费建站如何选择可靠模板与平台？  小型网站建站如何选择虚拟主机？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何用AWS免费套餐快速搭建高效网站？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  香港服务器租用每月最低只需15元？  如何用PHP工具快速搭建高效网站？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  如何在腾讯云服务器上快速搭建个人网站？  怎么将XML数据可视化 D3.js加载XML  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  如何规划企业建站流程的关键步骤？  nginx修改上传文件大小限制的方法