Bootstrap 中data-[*] 属性的整理
data属性是HTML5的新属性。允许开发者自由为其标签添加属性.存储数据,这种自定义属性一般用“data-”开头。存储的(自定义)数据能够被页面的 JavaScript 中利用。data-* 属性包括两部分:。说直白点就是data属性的应用,让HTML标签可以隐式的附带一些数据,而javascript就可以对这些属性数据进行 读/写 操作,进而可以做出相应的动作和事件。后来facebook公司就发现,很多基本网页上效果是比较常用也是使用频繁的,比如下拉菜单、折叠、模态框等等。1 data-toggle data-toggle指以什么事件类型触发,常用的如下。一般事件会作用到一个标签对象,如果是其他标签对象,就需要使用data-target指事件的标签目标。如下常见的是在模态窗口中用于关闭模态窗口 data-dismiss=”modal”data-slide-to、data-slide、data-ride用于轮播图carousel。
用户评论