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

原文地址为： data-toggle与data-target是什么作用

Bootstrap为这些a之类元素都绑定上了事件，而终止了链接默认行为。

data-toggle指以什么事件触发，常用的如modal,popover,tooltips等，data-target指事件的目标，一起使用就是代表data-target所指的元素以data-toggle指定的形式显示

data-target 与data-toggle 还有data-spy 文档总是给人一种很突兀的方式给出来，然后又没有好好解释或者是我看的不够仔细？

HTML5允许开发者自由为其标签添加属性，这种自定义属性一般用“data-”开头。
我目前理解到在bootstrap中data-target，data-toggle等属性主要有两种作用：
【1.】在CSS中作标签选择器用。
如：

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

【2.】 用来传递替换文本（不知道是不是这么说），见下面的例子：

input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before { content: attr(data-lbl); }

原文地址： https://segmentfault.com/q/1010000004043423

转载请注明本文地址： data-toggle与data-target是什么作用