Bootstrap：模态框（Modal）一些使用

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 ： 当模态框完全对用户隐藏时触发。