Bootstrapmodal常⽤参数、⽅法和事件Bootstrap modal（模态窗）常⽤参数、⽅法和事件：
参数：
名称类型默认值描述
Backdrop Boolean或
字符
串“static”True True：有背景，点击modal外部，modal消失。
False:⽆背景，点击modal外部，modal不消
失。
Static：有背景，点击modal外部，modal不消
失。bootstrap 5
Keyboard Boolean True True：键盘上的esc按下关闭modal
False：键盘上的esc按下不关闭modal Show Boolean True True：显⽰modal
False：不显⽰modal
⽅法：
.modal(options)
将页⾯中的某内容作为模态窗激活。接受可选的参数object；
$(“#myModal”).modal()；默认⽆参数
$(“#myModal”).modal({keyboard:false})
.modal(“toggle”)
⼿动打开或关闭模态窗。
$(“#myModal”).modal(“toggle”)
.modal(“show”)
⼿动打开模态窗
$(“myModal”).modal(“show”);
.modal(“hide”)
⼿动关闭模态窗
$(“myModal”).modal(“hide”);
事件：
事件类型描述
dal Show⽅法调⽤之后⽴即出发该事件，
如果是通过点击某个作为触发器的元
素，则此元素可以通过事件的
realatedTarget属性进⾏访问。dal此事件在模态窗已经显⽰出来（并且同
事在css过度效果完成）之后出发，如
果通过点击某个作为触发器的元素，则
此元素可以通过事件的relatedTarget属
性进⾏访问。
dal Hide⽅法调⽤之后⽴即出发该事件dal此事件在模态窗被隐藏（并且同时在
css过渡效果完成）之后出发dal从远端的数据源加载完数据之后出发该
事件
事件调⽤⽰例：
$(“#myModal”).on(“dal”,function(e){ //do something ……
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。