bootstrap模態(tài)框彈出和隱藏,動(dòng)態(tài)改變中間內(nèi)容的實(shí)例
更新時(shí)間:2018年08月10日 16:37:48 作者:孟繁洋
今天小編就為大家分享一篇bootstrap模態(tài)框彈出和隱藏,動(dòng)態(tài)改變中間內(nèi)容的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
引入文件
<link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" > <link rel="stylesheet" href="style.css" rel="external nofollow" > <script src="jquery-1.12.4.min.js"></script> <script src="bootstrap.min.js"></script>
點(diǎn)擊‘顯示'按鈕
$('#modalID').click(function () {
$('#newNotice').modal({backdrop:false})
})
改變內(nèi)容
$('#changeModalID').click(function () {
$('.notice-content-center').html(data);
})
關(guān)閉模態(tài)框
$('.close-btn').click(function () {
$('#newNotice').modal('hide')
})
以上這篇bootstrap模態(tài)框彈出和隱藏,動(dòng)態(tài)改變中間內(nèi)容的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)公歷轉(zhuǎn)農(nóng)歷功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)公歷轉(zhuǎn)農(nóng)歷功能,涉及javascript日期與時(shí)間相關(guān)操作及運(yùn)算操作技巧,需要的朋友可以參考下2017-02-02
微信小程序?qū)崿F(xiàn)左右聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左右聯(lián)動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09
JS判斷指定dom元素是否在屏幕內(nèi)的方法實(shí)例
做圖片滾動(dòng)加載的時(shí)候會(huì)判斷圖片是否在可視區(qū)域內(nèi),如果在就加載原地址圖片,下面這篇文章就給大家介紹了利用JS判斷指定dom元素是否在屏幕內(nèi)的方法實(shí)例,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-01-01
avalon js實(shí)現(xiàn)仿google plus圖片多張拖動(dòng)排序附源碼下載
這篇文章主要介紹了avalon js實(shí)現(xiàn)仿google plus圖片多張拖動(dòng)排序附源碼下載的相關(guān)資料,需要的朋友可以參考下2015-09-09

