這篇“Bootstrap警告框插件怎么使用”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“Bootstrap警告框插件怎么使用”文章吧。
為拱墅等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及拱墅網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、拱墅網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
警告框(Alert)消息大多是用來想終端用戶顯示諸如警告或確認(rèn)消息的信息。使用警告框(Alert)插件,您可以向所有的警告框消息添加可取消(dismiss)功能。
一、用法
您可以有以下兩種方式啟用警告框的可取消(dismissal)功能:
1、通過 data 屬性:通過數(shù)據(jù) API(Data API)添加可取消功能,只需要向關(guān)閉按鈕添加 data-dismiss="alert",就會(huì)自動(dòng)為警告框添加關(guān)閉功能。
×
2、通過 JavaScript:通過 JavaScript 添加可取消功能:
$(".alert").alert()
二、簡(jiǎn)單實(shí)例
警告框即為點(diǎn)擊小時(shí)的信息框。
1、基本實(shí)例
警告:您的瀏覽器不支持!
2、添加淡入淡出效果
//JavaScript 方法 $('.close').on('click', function() { $('#alert').alert('close'); })
Alert 插件中事件有兩種:
//事件,其他雷同 $('#alert').on('close.bs.alert', function() { alert('當(dāng) close 方法被觸發(fā)時(shí)調(diào)用!'); });
以上就是關(guān)于“Bootstrap警告框插件怎么使用”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。