纯洁美丽。它化做雪花，用自己洁白的生躯覆盖在大地上。此时，一切都是银装素裹，一副冰清玉洁的模样。光秃秃的树枝上缀满了朵朵洁白的 "梨花 "，风一吹，花儿纷纷飘落，好似一只只银白色的蝴蝶在空中偏偏起舞。 "忽如一夜春风来，千树万树梨花开 "，这句诗不正是赞美冬天的吗？
最近在自学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。这个还需后续再研究。
以上就是Bootstrap popover用法详解。世事往往如此，想回头也已经来不及，即使你肯沦为劣马，也不一定有回头草在等你。更多关于Bootstrap popover用法详解请关注haodaima.com其它相关文章！