首页 电脑 办公软件 查看内容

弹出框触发两种方式button和a

2017-3-28 11:30 |来自: 互联网 3324 89

摘要: 对话框其实是隐藏在页面之中的,需要经过一定的操作才能显示出来。Bootstrap中触发对话框的显示有两种方法:如果要触发对话框的显示则必须使用data-toggle和data-target两个属性。href链接弹出触发:可以直接使用标 ...

对话框其实是隐藏在页面之中的,需要经过一定的操作才能显示出来。Bootstrap中触发对话框的显示有两种方法:如果要触发对话框的显示则必须使用data-toggle和data-target两个属性。href链接弹出触发:可以直接使用标签中的href属性代替data-target属性。Bootstrap中的声明式触发一般需要使用data-*自定义属性.在对话框的触发中data-toggle必须设置为"modal"。data-target可以是CSS选择器,也可以是ID选择器。也就是说data-toggle="modal"在弹出对话框的时候是固定的模式,而data-target=".CSS类名"或者data-target="#元素ID"。弹出框插件中还有多个data-属性,在后面会一一讲解。代码如下:

代码中定义了两种触发方式的弹出框,代码中唯一的不同就是在触发方式上。单击

本文出处: http://www.toutiao.com/a6402161528107647233/
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

返回顶部