bootstrap模態(tài)框彈出和隱藏,動態(tài)改變中間內(nèi)容的實例
更新時間：2018年08月10日 16:37:48 作者：孟繁洋
今天小編就為大家分享一篇bootstrap模態(tài)框彈出和隱藏,動態(tài)改變中間內(nè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>
點擊‘顯示'按鈕
$('#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)框彈出和隱藏,動態(tài)改變中間內(nèi)容的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
對支持sourceIndex的HTML文檔的節(jié)點重排，使用JK提供的思路，速度至少比單純使用nodes.sort(function(a,b){return a.sourceIndex - b.sourceIndex})這種方式快兩倍2011-01-01
本文主要介紹了js獲取圖像縮放后的實際寬高,位置等信息的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了ES6 更易于繼承的類語法的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
這篇文章主要介紹了web.js.字符串與正則表達(dá)式操作的相關(guān)資料,需要的朋友可以參考下2017-05-05
javascript 中 array.sort() 中的參數(shù)，需要傳入的是一個函數(shù)，而且必須是一個函數(shù)2011-10-10
JavaScript實現(xiàn)公歷轉(zhuǎn)農(nóng)歷功能示例
這篇文章主要介紹了JavaScript實現(xiàn)公歷轉(zhuǎn)農(nóng)歷功能,涉及javascript日期與時間相關(guān)操作及運算操作技巧,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了js實現(xiàn)宇宙星空背景效果的方法,實例分析了javascript中動畫效果的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左右聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
做圖片滾動加載的時候會判斷圖片是否在可視區(qū)域內(nèi),如果在就加載原地址圖片,下面這篇文章就給大家介紹了利用JS判斷指定dom元素是否在屏幕內(nèi)的方法實例,需要的朋友可以參考借鑒，下面來一起看看吧。2017-01-01
avalon js實現(xiàn)仿google plus圖片多張拖動排序附源碼下載
這篇文章主要介紹了avalon js實現(xiàn)仿google plus圖片多張拖動排序附源碼下載的相關(guān)資料,需要的朋友可以參考下2015-09-09