知识站

 找回密码
 立即注册
知识站 首页 bootstrap 查看内容

Bootstrap 模态框自定义点击和关闭事件

2020-3-7 08:07| 发布者: admin| 查看: 21| 评论: 0

摘要: 模态框避免点击背景处关闭:1、div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden='t ...

模态框避免点击背景处关闭: 
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、在需要显示模态框,初始化时

$(‘#myModal’).modal({
backdrop: ‘static’, 
//点击背景空白处不被关闭; 
keyboard: false
//触发键盘esc事件时不关闭。
}); 

 

自定义模态框显示和关闭触发事件:

   $(".classname").click(function () {
            $('#mymodel').modal('show');
              alert('模态框打开了');
        });

   $('#mymodel').on('hide.bs.modal', function () {
           alert('模态框关闭了');
   });

 

这里写图片描述

发表评论

最新评论

Archiver|知识站 ( 鲁ICP备20004068号-1 )

鲁公网安备 37132502371390号

GMT+8, 2020-6-23 22:50 , Processed in 0.015151 second(s), 17 queries .

返回顶部