最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Bootstrap中popover的应用与实例代码
时间：2022-06-25 14:36:34 编辑：袖梨 来源：一聚教程网
最近在自学Java Web基础，搭建自己的页面时候用到了Boostrap的JS库。由于之前没有接触过JQuery，所以用起来磕磕绊绊，所以在这里简单记一下Boostrap中我用到的JS插件的一些用法。
第一个用到的就是Boostrap中的popover插件。原因是一个简单的注册界面需要验证用户名是否合法，是否已被注册，密码是否合法，再次输入密码是否和之前的密码匹配等，需要用到popover来进行信息警告。
首先一个简单的例子:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
data-container="body"data-toggle="popover">
左侧的 Popover
|
可以看到，在使用API进行popover编程时，一定要引用$(‘#element').popover()对id=”element”的控件进行popover激活。之前就是直接复制官网上的代码，发现点击后并不能trigger，一直很困惑。然后用name=”element”是不能激活popover的。
要是需要为input框添加popover效果，则只需要trigger='focus'即可。但似乎不支持blur，不能在blur之后判断input框中的内容是否合法从而触发popover。这个还需后续再研究。
相关文章
- 企查查企业查询官网直达-企查查网页版一键查询 02-15
- 闲鱼手机网页版入口-闲鱼二手交易平台网页版登录入口 02-15
- 快看漫画必看动漫推荐-快看漫画年度高分作品合集 02-15
- 番库acg漫画汉化入口-番库acg漫画在线汉化登录 02-15
- 绝区零Wiki入口在哪里-绝区零Wiki最新攻略查询入口 02-15
- ao3网页版登录入口-ao3官网登录入口2026 02-15