今天小編給大家分享的是bootstrap模態(tài)框關(guān)閉事件的方法，很多人都不太了解，今天小編為了讓大家更加了解bootstrap模態(tài)框怎么關(guān)閉事件，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會有所收獲的哦。

創(chuàng)新互聯(lián)成立于2013年，先為義縣等服務(wù)建站，義縣等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為義縣企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

模態(tài)框避免點(diǎn)擊背景處關(guān)閉：

1、div初始化時(shí)添加屬性 aria-hidden=”true” data-backdrop=”static”

<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden='true' 
data-backdrop='static'>

2、在需要顯示模態(tài)框，初始化時(shí)

$(‘#myModal').modal({
backdrop: ‘static',
//點(diǎn)擊背景空白處不被關(guān)閉；
keyboard: false
//觸發(fā)鍵盤esc事件時(shí)不關(guān)閉。
});

自定義模態(tài)框顯示和關(guān)閉觸發(fā)事件：

$(".classname").click(function () {
  $('#mymodel').modal('show');
   alert('模態(tài)框打開了');
 });
 
$('#mymodel').on('hide.bs.modal', function () {
  alert('模態(tài)框關(guān)閉了');
});

以上就是bootstrap模態(tài)框關(guān)閉事件的方法的簡略介紹，當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會。如果想了解更多，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦！

當(dāng)前標(biāo)題：bootstrap模態(tài)框關(guān)閉事件的方法
分享鏈接：http://www.chinadenli.net/article32/pegjpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、軟件開發(fā)、移動網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)