模态框避免点击背景处关闭:
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('模态框关闭了');
});

以上这篇Bootstrap 模态框自定义点击和关闭事件详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
上一篇 :
随着推特将其移动网站变为主流
下一篇 :
这12个最新AI开源项目,你一定要收下
-
Vue 的父子通信【props、$emit】
2026-05-17栏目: 教程
-
初探Java设计模式1:创建型模式(工厂,单例等)
2026-05-17栏目: 教程
-
初探Java设计模式2:结构型模式(代理模式,适配器模式等)
2026-05-17栏目: 教程
-
初探Java设计模式3:行为型模式(策略,观察者等)
2026-05-17栏目: 教程
-
初探Java设计模式4:一文带你掌握JDK中的设计模式
2026-05-17栏目: 教程
