1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > bootstrap 模态弹出框--触发模态弹出窗2种方法

bootstrap 模态弹出框--触发模态弹出窗2种方法

时间:2023-09-15 01:16:53

相关推荐

bootstrap 模态弹出框--触发模态弹出窗2种方法

方法一:模态弹出窗声明,只需要自定义两个必要的属性:data-toggle和data-target(bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss="")。例如:

<!-- 触发模态弹出窗的元素 --><button type="button" data-toggle="modal" data-target="#mymodal">点击我会弹出模态弹出窗</button><!-- 模态弹出窗 --><div><div><div><!-- 模态弹出窗内容 --></div></div></div>

1、data-toggle必须设置为modal(toggle中文翻译过来就是触发器);

2、data-target可以设置为CSS的选择符,也可以设置为模态弹出窗的ID值,一般情况设置为模态弹出窗的ID值,因为ID值是唯一的值。

方法二:触发模态弹出窗也可以是一个链接<a>元素,那么可以使用链接元素自带的href属性替代data-target属性,如&

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。