最近在自學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。這個還需后續再研究。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。