模态框 modal.js
2024-09-01 08:42:03
模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。
不支持模态框重叠
千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框,需要自己写额外的代码来实现。
模态框的 HTML 代码放置的位置
务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 body 标签的直接子元素),以避免其他组件影响模态框的展现和/或功能。
对于移动设备的附加说明
Due to how HTML5 defines its semantics, the autofocus
HTML attribute has no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript:
$('#myModal').on('shown.bs.modal', function () {
$('#myInput').focus()
})
实例
静态实例
以下模态框包含了模态框的头、体和一组放置于底部的按钮。
最新文章
- JVM实用参数(七)CMS收集器
- RSA数字证书管理
- 基于 IdentityServer3 实现 OAuth 2.0 授权服务【密码模式(Resource Owner Password Credentials)】
- wordpress 常用函数 checked(),selected(),disabled()
- (转)ASP.NET MVC4 部署错误 Could not load file or assembly
- Android SharedPreferences 权限设置
- Js获取Cookie值的方法
- mybatis 使用场景
- [机器学习Lesson3] 梯度下降算法
- Linux什么是挂载?mount的用处在哪?
- hiveserver2启动成功但无法通过beeline连接
- Java面试宝典(2018版)
- oracle redo日志文件损坏恢复
- linux文件统计命令和目录统计命令
- Python list 初始化技巧
- hdu1171 Big Event in HDU(多重背包)
- 完美:利用旧版iCloud更改Apple ID地区
- springmvc+mybatis+redis的session共享+maven管理
- TCP和UDPsocket中SO_SNDBUF和SO_RCVBUF_转
- pandas.drop/isnull/fillna/astype的用法
热门文章
- 二 MyBatis 从入门到进阶 2 Maven 入门
- netcore程序部署 ubuntu 16.0.4 报错 The type initializer for 'System.Net.Http.CurlHandler'的解决方案
- 【Linux开发】linux设备驱动归纳总结(十):1.udev&misc
- NoSQL--couchdb
- 好用的 Chrome 插件
- 【Python】【基础知识】【内置函数】【dir的使用方法】
- GrapeCity Documents for Excel 与 Apache POI 功能对比
- Git和Github的使用
- # C++中对PI的引用
- python网络编程-Json序列化功能扩展-软件开发架构-OSI七层协议-TCP-01