增加一個彈出框,為按鈕標(biāo)簽添加data-toggle=”popover”
使用彈出框(popover)插件,必須使用jQuery激活:
function (){ $("[data-toggle='popover']").popover( { 參數(shù) } ); }
參數(shù):
placement:規(guī)定如何定位彈出框(left | top | right | buttom | auto):如果使用auto時,會動態(tài)調(diào)整彈出框;trigger:定義如何觸發(fā)彈出框(觸發(fā)方式);delay:延遲顯示和隱藏彈出框的毫秒數(shù);
方法:
Toggle:切換顯示/隱藏元素的彈出框;show:顯示元素的彈出框;hide:隱藏元素的彈出框;destroy:隱藏并銷毀元素的彈出框;
事件:
show.bs.popover:當(dāng)調(diào)用show方法時觸發(fā);shown.bs.popover: 當(dāng)彈出框?qū)τ脩艨梢姇r觸發(fā);
hide.bs.popover:當(dāng)調(diào)用hide方法時觸發(fā); hiden.bs.popover:當(dāng)工具提示對用戶隱藏式觸發(fā);
bootstrap彈出框popover:
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 原文出處 http://blog.poetries.top/2016/11/19/bootstrap-review...
- 一般我們通過下面代碼進(jìn)行popover的初始化: 假如現(xiàn)在你想對popover的內(nèi)容進(jìn)行修改,你可能會在初始化po...
- 第4章 Bootstrap裝飾插件 JavaScript是網(wǎng)頁上事實(shí)上的腳本語言。流行的網(wǎng)頁功能,例如:漂亮的圖片...
- Bootstrap 是基于H5利用 JS和CSS 進(jìn)行布局、提供插件、動畫的一個框架。使用了JQuery進(jìn)行DOM...
- CSS全局樣式 概覽 移動設(shè)備優(yōu)先 布局容器 1、container類用于固定寬度并支持響應(yīng)式布局的容器 2、co...