data-toggle与data-target的作用

yzllz001

已于 2023-06-09 10:32:08 修改

阅读量8.5w

点赞数 24

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery Bootstrap

于 2017-06-22 21:51:53 首次发布

本文链接：https://blog.csdn.net/yzllz001/article/details/73611442

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用Bootstrap中的模态框组件。通过data-toggle和data-target属性可以控制模态框的显示与隐藏。示例代码展示了如何创建一个用于登录功能的模态框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="login.html" data-toggle="modal" data-target="#signin-signup-tab" id="signin-button" class="pull-right">Sign In</a>

：因为Bootstrap为这些元素都绑定上了事件，而终止了链接默认行为，你可以看看Bootstrap的文档，data-toggle指以什么事件触发，常用的如modal,popover,tooltips等，data-target指事件的目标,你这段代码的意思就是指将#signin-signup-tab这个Dom元素的内容以模态框的形式展示。