bootstrap模态框怎么关闭事件-木庄网络博客

2022-04-15 06:21:53 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者爱喝马黛茶的安东尼，侵删。

模态框避免点击背景处关闭：

1、div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”

1 2	`<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事件时不关闭。
});

相关推荐：《bootstrap入门教程》

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

相关阅读 >>

更多相关阅读请进入《bootstrap》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者