1. 首页
  2. 编程语言
  3. Javascript
  4. BootStrap中的模态框(modal,弹出层)功能示例代码

BootStrap中的模态框(modal,弹出层)功能示例代码

上传者: 2022-01-02 21:03:37上传 PDF文件 126.88 KB 热度 10次

bootstrap中的模态框,不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内,以避免其他组件影响模态框的展现或功能。默认的modal示例:为 .modal 添加 通过按钮属性显示不同内容当有一堆按钮,都要触发相同的模态框,只是有用户ID不同,那么可以使用data-whatever配合event.relatedtarget来实现:通常不需写 JavaScript 代码也可激活模态框。通过在一个起控制器作用的元素上添加 JavaScript参数:可以将选项通过 data 属性或 JavaScript 代码传递。对于 data 属性,需要将参数名称放到 data- 之后,例如 data-backdrop=""。接受可选参数 object。在模态框显示或隐藏之前返回到主调函数中。$.modalBootstrap 的模态框类提供了一些事件用于监听并执行你自己的代码。

下载地址
用户评论