BootStrap的alert提示框的關(guān)閉后再顯示怎么解決
更新時(shí)間：2016年05月17日 16:47:46 作者：楊楊0708
這篇文章主要介紹了BootStrap的alert提示框的關(guān)閉后再顯示問(wèn)題的相關(guān)資料,需要的朋友可以參考下
bootstrap中有alert組件，如果點(diǎn)擊關(guān)閉按鈕后該組件會(huì)被刪除而不是被隱藏，想再顯示怎么辦呢？
bootstrap-alert.js源碼片段：
function removeElement() {
$parent
.trigger('closed')
.remove()
}
理論上把.remove()改為.hide()，然后在需要重新顯示的地方，加上$('#alert').show();就可以了。
但實(shí)際應(yīng)用中，可以把 close button 的 data-dismiss 去掉，加上 onclick="$('#my_alert').hide();"
這樣還是可以用 .show() 顯示出來(lái)。
以上所述是小編給大家介紹的BootStrap的alert提示框的關(guān)閉后再顯示怎么解決的相關(guān)知識(shí)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- 詳解Bootstrap按鈕
- bootstrap改變按鈕加載狀態(tài)
- 全面解析Bootstrap表單使用方法（表單按鈕）
- Bootstrap復(fù)選框和單選按鈕美化插件(推薦)
- JS組件Bootstrap實(shí)現(xiàn)彈出框和提示框效果代碼
- angularJS與bootstrap結(jié)合實(shí)現(xiàn)動(dòng)態(tài)加載彈出提示內(nèi)容
- Bootstrap每天必學(xué)之工具提示（Tooltip）插件
- BootStrap tooltip提示框使用小結(jié)
- Bootstrap實(shí)現(xiàn)提示框和彈出框效果
- bootstrap confirmation按鈕提示組件使用詳解
相關(guān)文章
Webpack 之 babel-loader文件預(yù)處理器詳解
這篇文章主要介紹了Webpack 之 babel-loader文件預(yù)處理器詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
JavaScript同步與異步任務(wù)問(wèn)題詳解
這篇文章主要介紹了JavaScript事件循環(huán)同步任務(wù)與異步任務(wù)，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-07-07
Google Map V3 綁定氣泡窗口(infowindow)Dom事件實(shí)現(xiàn)代碼
無(wú)法在infowindow里面添加的div進(jìn)行綁定事件處理，官方的API，發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個(gè)domready事件2013-04-04
詳細(xì)分析Javascript中創(chuàng)建對(duì)象的四種方式
這篇文章詳細(xì)介紹了Javascript中創(chuàng)建對(duì)象的幾種方式與每種方式的優(yōu)缺點(diǎn)，其中包括工廠模式、構(gòu)造函數(shù)模式、原型模式和組合使用構(gòu)造函數(shù)模式和原型模式，有需要的小伙伴們一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2016-08-08
javascript測(cè)試題練習(xí)代碼，需要的朋友可以參考下2012-10-10
Select標(biāo)簽下拉列表二級(jí)聯(lián)動(dòng)級(jí)聯(lián)實(shí)例代碼
這篇文章主要介紹了Select標(biāo)簽下拉列表二級(jí)聯(lián)動(dòng)級(jí)聯(lián)實(shí)例代碼,需要的朋友可以參考下2014-02-02
瀏覽器對(duì)于我們來(lái)說(shuō)，可能是最熟悉的工具了。在我們的產(chǎn)品開(kāi)發(fā)過(guò)程中，經(jīng)常要考慮瀏覽器兼容問(wèn)題，以適應(yīng)不同的用戶人群，同時(shí)也減少因?yàn)g覽器兼容問(wèn)題所帶來(lái)的服務(wù)量。所以檢測(cè)瀏覽器的版本及類型就是很重要的一件事了，下面來(lái)一起看看用Javascript如何實(shí)現(xiàn)。2016-08-08
微信小程序?qū)Ш綑诨瑒?dòng)定位功能示例(實(shí)現(xiàn)CSS3的positionsticky效果)
這篇文章主要介紹了微信小程序?qū)Ш綑诨瑒?dòng)定位功能,可實(shí)現(xiàn)CSS3的positionsticky效果,涉及微信小程序事件監(jiān)聽(tīng)、狀態(tài)判斷及屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)模擬購(gòu)物商城案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了淺談Javascript數(shù)組的使用的相關(guān)資料,包括數(shù)組的大小，數(shù)組的遍歷以及數(shù)組的一些方法，非常細(xì)致，需要的朋友可以參考下2015-07-07