data-toggle与data-target是什么作用

Q：

网上复制这样一句代码

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

这样子 超链接不成功

去掉data-toggle="modal" data-target="#signin-signup-tab"这部分 链接就可用了
这是为什么？

A:

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