模态弹出框--模态弹出窗的使用（data-参数说明），玩转Bootstrap（基础）教程-慕课网

模态弹出框--模态弹出窗的使用（data-参数说明）

除了通过data-toggle和data-target来控制模态弹出窗之外，Bootstrap框架针对模态弹出框还提供了其他自定义data-属性，来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop，是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明如下所示：

(单击可放大)

任务

我来试试：在右侧代码编辑器中尝试一下本节新学的属性。

data-backdrop="static"

data-keyboard="false"

?不会了怎么办

问答
评论
笔记
代码

全部精华我要发布

设置data-show=false

已采纳回答 / 晓岚

我也试着用了一下，好像是没什么用，不过如果用javascript： $('#example').modal({show:true})这样写的话是可以实现他的效果的，至于为什么data-show写出来没用，不是很清楚。

1 回答 1731 浏览

2017-08-30

要把data-backdrop="static"这些东西放在哪个div里面

已采纳回答 / fsd468f4e68

3 回答 3127 浏览

2018-03-30

是否有灰色背景modal-backdrop怎么用？

已采纳回答 / 酷得被雷劈

其实是data-backdrop, 不是modal-backdrop, 弹出模态框时有个灰色的背景，默认data-backdrop等于true，就是点击灰色背景层时模态框会关闭，当data-backdrop等于static时，点击灰色背景层是不会关闭的

3 回答 7404 浏览

2018-03-30

一个问题...

已采纳回答 / 酷得被雷劈

弹出模态框时有个灰色的背景，默认data-backdrop等于true，就是点击灰色背景层时模态框会关闭，当data-backdrop等于static时，点击灰色背景层是不会关闭的

2 回答 568 浏览

2016-12-27

为什么把模态框的href属性没有用？

最新回答 / TWT

因为设置了 data-target="#mymodal-data"

3 回答 1355 浏览

2016-08-23

data-show怎么用呢

最赞回答 / 迷途的马尔斯

有效果的。data-show是设置在你页面初始化的时候是否显示弹出窗，你设置为true的话就直接显示出来,设置为false的话点第一下是死的，点第二下开始就可以正常显示了。

1 回答 2444 浏览

2016-12-25

date-show

+ 我来回答回答最高可+2积分

2 回答 1214 浏览

2022-08-11

href属性值

最新回答 / 无独有偶偶xp

如果用a链接触发，href值必须为弹出窗的id或者是class

2 回答 769 浏览

2016-08-23

有些属性不懂

最新回答 / TWT

WAI-ARIA 属性WAI-ARIA 是一个为残疾人士等提供无障碍访问动态、可交互 Web 内容的技术规范，为浏览器、媒体播放器、辅助技术的开发人员以及 Web 内容开发者定义了可以获得更广泛跨平台可访问性的方法。更为直接地说，WAI-ARIA 可以标识出网页中的内容及其变化，并让屏幕阅读器识别出然后告知盲人。而且幸运的是，WAI-ARIA 被 IE8+ 以及所有现代浏览器支持。

2 回答 760 浏览

2016-08-23

全部我要发布

最热最新

只看我的

8-9 模态弹出框--模态弹出窗的使用（data-参数说明）