先创建一个按钮
模态框
三层结构
三个块
header,头部
body,身体
footer,底部
代码
效果
当前点击按钮没有效果。
下一步,让按钮与模态框关联起来
点击按钮后的效果
点击取消就关闭
dissmiss,消失
点击取消,框就会消失的了
添加一个fade样式,让出现有淡淡的感觉
设置大中小三个模态框
定义大的框
注意,加的位置,加在modal-dialog这里
定义小的框
中等的模态框就不加
看效果
大的框
中的框
小的框
用js控制
写一个自定义的按钮事件
先来一个按钮
再来jquery
先看结构
jquery
按钮的点击事件,让对应的模态框显示
效果
当前点击确定与取消是不能够有任何效果的
期望它的效果
先给个id,方便获取
然后继续写特效
当前效果,点击暗区也会隐藏,不期待这样的效果
解决办法
官方文档中
根据文档中的backdrop属性
把原来modal方法传参做一个改变
原来传参一个字符串,改变为传参为字典