Bootstrap modal常用参数、方法和事件
2024-10-09 12:22:35
Bootstrap modal(模态窗)常用参数、方法和事件:
参数:
名称 |
类型 |
默认值 |
描述 |
Backdrop |
Boolean或字符串“static” |
True |
True:有背景,点击modal外部,modal消失。 False:无背景,点击modal外部,modal不消失。 Static:有背景,点击modal外部,modal不消失。 |
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”);
事件:
事件类型 |
描述 |
Show.bs.modal |
Show方法调用之后立即出发该事件,如果是通过点击某个作为触发器的元素,则此元素可以通过事件的realatedTarget属性进行访问。 |
Shown.bs.modal |
此事件在模态窗已经显示出来(并且同事在css过度效果完成)之后出发,如果通过点击某个作为触发器的元素,则此元素可以通过事件的relatedTarget属性进行访问。 |
Hide.bs.modal |
Hide方法调用之后立即出发该事件 |
Hidden.bs.modal |
此事件在模态窗被隐藏(并且同时在css过渡效果完成)之后出发 |
Loaded.bs.modal |
从远端的数据源加载完数据之后出发该事件 |
事件调用示例:
$(“#myModal”).on(“show.bs.modal”,function(e){ //do something …… });
最新文章
- spring架构源码:
- iOS状态栏---学习笔记六
- HTML和CSS的复习总结
- CAShapeLayer
- 详细解读Jquery各Ajax函数
- 匿名函数中undefined形参疑问(转载)
- 机器学习中 K近邻法(knn)与k-means的区别
- Dubbo2.6.5入门——简单的HelloWorld
- iframe 标签属性解读
- oracle查询重复数据方法
- 完美的mysql备份脚本
- apk静态注射[转]-未实践
- 51nod 1295 XOR key (可持久化Trie树)
- Memcache未授权访问漏洞
- 第十三次作业psp
- 十五、springboot集成定时任务(Scheduling Tasks)(二)之(线程配置)
- (转)[unity3d]easytouch的使用
- BootStrap iCheck插件全选与获取value值的解决方法
- C#中子类和父类
- exynos4412—CMU裸板复习