模态框-开启关闭事件

Posted congfeicong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了模态框-开启关闭事件相关的知识,希望对你有一定的参考价值。

1、初始化

 //初始化模态框
    $("#model").modal({
        //点击背景不关闭
        backdrop:"static",
        //触发键盘esc事件时不关闭
        keyboard: false
    });

 

2、打开前

 //模态框弹出前 修改模态框的标题及内容
    $(‘#model‘).on(‘show.bs.modal‘, function (event) {
       alert("做些操作");
    })
 

3、关闭前

  //模态框 关闭前事件
    $(‘#model‘).on(‘hide.bs.modal‘, function () {
        alert("做些操作");
    });

 

以上是关于模态框-开启关闭事件的主要内容,如果未能解决你的问题,请参考以下文章

懂bootstrap的过来看看,bootstrap模态框的问题

我该如何做模态对话框片段(代码在我关闭之前不会执行)

监听关闭事件反应导航

如何防止模态框关闭?

angular-ui-bootstrap model 模态框出现的位置怎么调整

BootStrap3 的模态框重有一个保存按钮.点击保存如何关闭模态框.隐藏关闭不起作用..