Bootstrap5 modal 点击空白区域和ESC不关闭

编程教程 > WEB (683) 2024-11-26 14:39:04

方案一

$("#dialog-modal").modal({

  backdrop: "static",//点击空白处不关闭对话框

  show:false, // 按esc键盘不关闭.

})

 

方案二

在弹框元素(下面以div为例)上 添加属性 data-bs-backdrop = staticdata-bs-keyboard = false

<div id="dialog-modal" data-bs-backdrop="static"' data-bs-keyboard="false">

 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
方案一$("#dialog-modal").modal({backdrop:"static",//点击空白处不关闭对话框show:false,//按esc键盘不关闭.})方案二在弹框元素(下面以...
Bootstrap-tab 组件增强插件效果图​​bootstrap-tab组件是对原生的bootstrap-tab组件的封装,方便开发者更方便地使用,主要包含以下功能:tab页初始化关闭tab...
​Bootstrap TableBootstrap Table 多选以及获取多选值实现本文主要讲解在bootstrap table组建使用过程中,配置多选和获取多选选中的值
在Bootstrap Table 使用过程中,从表格的columns里面的value取一些特殊字符的值会被转义,比如 &符号会被转义城&amp;
该插件是基于bootstrap框架开发的一个table插件,功能强大实用性强展示结果截图:1.下载bootstrap table插件,下载2.导入插件相关的cs
问题描述最近一个项目遇到Bootstrap Table pageList 配置不生效,配置多个选项后无法还是无法弹出选择
Bootstrap Tab基础使用,首先是引入必要的css和js,这里暂时忽略核心代码:&lt;ul class="nav nav-tabs"&gtl; ...
Bootstrap Tab 示例代码&lt;div class="tabs-container"&gtl; &lt;ul class="nav nav-tabs"&gtl; &lt;l...
在使用bootstrap-table过程中,我们可能会遇到列属性events事件不能生效的问题,并会发现这个问题有时存在有时却又不存在,这是什么原因呢?其实造成events事件失效的原因非常简单...
Bootstrap Table 后端分页详解防坑$('#tableId').bootstrapTable({ method:'post',//请求方法 url:'',//后台地址 p...
1.引入依赖js文件&lt;script type="text/javascript" src="/plugin/ckeditor5/ckeditor.js"&gtl;&lt;/s
ckeditor5使用demo,配置详情参考。官网相关资源查阅,组件配置
CKeditor无论那个版本,在我主要以文章编辑的时候,需要去掉默认的H1标签,所以需要自定义配置heading标签。同样CKeditor5 与之前的4版本有所不同。CKeditor5自定义配置...
ckeditor5 图片上传地址配置,ckeditor5和4的图片上传配置有点不一样。首先是确定你选的上传支持插件是什么,我这里是下面这个插件ckfinder
在CKEditor4版本中,对于编辑器高度设置是通过config配置里面的属性height来实现的,如下方所示CKEditor5 版本查文档发现已经没有这个配置了,通过网络资料查询得知,CKEd...