data-toggle与data-target是什么作⽤
position标签属性Bootstrap为这些a之类元素都绑定上了事件，⽽终⽌了链接默认⾏为。
data-toggle：指以什么事件触发，相当于告诉浏览器你是⼀个什么组件，常⽤的如modal(模态框),popover(弹出框),tooltips(提⽰框)等，
data-target：指事件的设置⽬标，相当于告诉浏览器你要操作那个元素，
⼀起使⽤就是代表data-target所指的元素以data-toggle指定的形式显⽰
当设置data-toggle="link"和data-target="class"之后，bootstrap.js会使⽤这些值覆盖超链接的默认属性
以下为转载
允许开发者⾃由为其标签添加属性，这种⾃定义属性⼀般⽤“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);
}
转摘:

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。