Bootstrap popover用法詳解
更新時間：2016年12月22日 08:32:31 作者：cywalker
這篇文章主要為大家詳細介紹了Boostrap 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激活。之前就是直接復制官網(wǎng)上的代碼，發(fā)現(xiàn)點擊后并不能trigger，一直很困惑。然后用name=”element”是不能激活popover的。
要是需要為input框添加popover效果，則只需要trigger='focus'即可。但似乎不支持blur，不能在blur之后判斷input框中的內容是否合法從而觸發(fā)popover。這個還需后續(xù)再研究。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
autojs 螞蟻森林能量自動拾取即給指定好友澆水的實現(xiàn)方法
這篇文章主要介紹了autojs 螞蟻森林能量自動拾取即給指定好友澆水的實現(xiàn)方法，本文通過圖文并茂實例代碼相結合給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
下面小編就為大家分享一篇js生成word中圖片處理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
弱類型語言javascript開發(fā)中的一些坑實例小結【變量、函數(shù)、數(shù)組、對象、作用域等】
這篇文章主要介紹了弱類型語言javascript開發(fā)中的一些坑,結合實例形式總結分析了javascript開發(fā)中關于變量、函數(shù)、數(shù)組、對象、作用域等相關知識點常見易錯問題,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)水平滾動菜單導航，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
大家仔細看下面兩段代碼，代碼一的window.onload = doIt()函數(shù)后面有();而代碼二的window.onload = doIt函數(shù)名后面沒有括號。2008-09-09
這篇文章主要介紹了JavaScript異步回調的Promise模式封裝實例,本文通過分析easyjs的源碼得出,實例均參考easyjs,需要的朋友可以參考下2014-06-06
下面小編就為大家?guī)硪黄褂迷鷍s+canvas實現(xiàn)模擬心電圖的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要幫助大家深入理解javascript模塊化，感興趣的小伙伴們可以參考一下2016-03-03
Django1.7+JQuery+Ajax驗證用戶注冊集成小例子
下面是散仙使用Django+Jquery+Ajax的方式來模擬實現(xiàn)了一個驗證用戶注冊時，用戶名存在不存在的一個小應用。注意，驗證存在不存在使用的是Ajax的方式，不用讓用戶點擊按鈕驗證是否存在,需要的朋友可以參考下2017-04-04
所有瀏覽器通用的js添加收藏夾代碼，本文整理了多種方法實現(xiàn)加入收藏夾功能，下面為大家詳細介紹下實現(xiàn)代碼，感興趣的朋友可以參考下哈2013-05-05