当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Bootstrap中data-target 到底是什么

Bootstrap中data-target 到底是什么

2019年03月25日  | 移动技术网IT编程  | 我要评论

二木不成林,非诚勿扰杨文君,千羽箭袋

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);
}

以上所述是小编给大家介绍的bootstrap中data-target 到底是什么的全部叙述，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网