1.打开模态框
$("#allot_Qa").modal("show") //allot_Qa定义的模态宽ID
2.禁止点击模态框空白区域关闭
$("#allot_Qa").modal({
backdrop: "static",//点击空白处不关闭对话框
show: true
});
3.模态框打开前(可以处理模态框打开之前的一些操作)
$("#qa_teacher_select").on("shown.bs.modal", function () {
})
4.模态框关闭后监听事件
$('#qa_teacher_select').on('hidden.bs.modal', function () {
console.log('datatable被销毁了')
$("#tableTeacherQA").dataTable().fnDestroy(); //销毁datatable
});
注:模态框的打开,关闭监听事件
事件: 描述:
show.bs.modal : 在调用 show 方法后触发。
shown.bs.modal : 当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。
hide.bs.modal : 当调用 hide 实例方法时触发。
hidden.bs.modal : 当模态框完全对用户隐藏时触发。