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 

相关文章： 平台云上自主建站：模板化设计与智能工具打造高效网站  建站之星上传入口如何快速找到？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何通过宝塔面板实现本地网站访问？  ,想在网上投简历，哪几个网站比较好？  如何在IIS7中新建站点？详细步骤解析  定制建站是什么？如何实现个性化需求？  代刷网站制作软件,别人代刷火车票靠谱吗？  网站制作需要会哪些技术,建立一个网站要花费多少？  Swift中swift中的switch 语句  5种Android数据存储方式汇总  高性能网站服务器配置指南：安全稳定与高效建站核心方案  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  建站之星备案是否影响网站上线时间？  c# Task.ConfigureAwait(true) 在什么场景下是必须的  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  如何在Windows服务器上快速搭建网站？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  如何通过西部数码建站助手快速创建专业网站？  大连 网站制作,大连天途有线官网？  建站主机与服务器功能差异如何区分？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  Swift开发中switch语句值绑定模式  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  php json中文编码为null的解决办法  设计网站制作公司有哪些,制作网页教程？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  建站主机与虚拟主机有何区别？如何选择最优方案？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  建站主机系统SEO优化与智能配置核心关键词操作指南  如何通过NAT技术实现内网高效建站？  如何选择网络建站服务器？高效建站必看指南  孙琪峥织梦建站教程如何优化数据库安全？  h5在线制作网站电脑版下载,h5网页制作软件？  如何快速查询域名建站关键信息？  无锡营销型网站制作公司,无锡网选车牌流程？  如何注册花生壳免费域名并搭建个人网站？  南平网站制作公司,2025年南平市事业单位报名时间？  名字制作网站免费,所有小说网站的名字？  想学网站制作怎么学,建立一个网站要花费多少？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  如何选择可靠的免备案建站服务器？  建站之星导航配置指南：自助建站与SEO优化全解析  如何打造高效商业网站？建站目的决定转化率  香港服务器如何优化才能显著提升网站加载速度？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何在宝塔面板中修改默认建站目录？