溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

bootstrap模態(tài)框關(guān)閉事件的方法

發(fā)布時間：2020-04-11 13:38:17 來源：億速云 閱讀：1112 作者：小新 欄目：web開發(fā)

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

bootstrap模態(tài)框關(guān)閉事件的方法

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

1、div初始化時添加屬性 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)框，初始化時

$(‘#myModal').modal({
backdrop: ‘static',
//點(diǎn)擊背景空白處不被關(guān)閉；
keyboard: false
//觸發(fā)鍵盤esc事件時不關(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)閉事件的方法

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

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手