bootstrap教程|Bootstrap中popover的应用与实例代码

最近在自学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     左侧的 Popover     <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教程|Bootstrap中popover的应用与实例代码

http://m.bbyears.com/wangyezhizuo/116637.html

推荐访问:bootstrap面试题