use*_*801 7 html twitter-bootstrap
我一直在网上搜索引导程序中的数据属性,比如数据切换,数据触发,数据驱动....但我似乎找不到关于所有这些属性的列表.
我也想知道它们的可能值是什么,例如:data-trigger ="focus".而不是焦点,它可能是悬停,还有许多其他.我在哪里可以找到关于所有这些的列表？谢谢!
Dek*_*kel 21
该引用基于bootstrap 3手册页中存在的数据,由不同的模块划分.
data-toggle="modal"- 触发器单击以打开引用的模式对话框data-target="element"
data-target="target-element"- 模式应打开的元素(可以是#id或.class)
data-dismiss="modal"- 单击时触发关闭模式
data-toggle="dropdown"- 触发器单击以打开下拉列表
data-target="#"- 仅在使用链接下拉列表时存在以帮助防止URL更改
data-spy="scroll"- 在元素上触发SpyScroll(通常转到<body>
data-target="target-element"- 滚动间谍应该应用的元素
data-offset="X"- X表示计算滚动位置时从顶部开始的像素数
data-toggle="tab"- 触发器单击以打开引用的相关选项卡data-target="element"
data-toggle="pill"- 与tab丸样式相同
data-target="target-element"- 模式应打开的元素(可以是#id或.class)
请注意,它也可以使用
href="#target-element-id",而不仅仅是data-target在这里
data-toggle="tooltip" - 触发向元素添加工具提示
工具提示具有许多数据属性,因此这只是具有可用值的所有数据属性的列表.所有这些内容的完整说明都在此链接中.
data-animation
data-container
data-delay
data-html
data-placement
data-selector
data-template
data-title
data-trigger
data-viewport
data-toggle="popover" - 触发器单击以打开弹出窗口
弹出窗口具有许多数据属性,因此这只是具有可用值的所有数据属性的列表.所有这些内容的完整说明都在此链接中.
data-animation
data-container
data-content
data-delay
data-html
data-placement
data-selector
data-template
data-title
data-trigger
data-viewport
data-dismiss="alert" - 触发器单击以关闭由引导程序创建的警报框
data-loading-text="Loading..."- 加载时显示文本(注意它已被弃用)
data-toggle="button"- 注意单数使按钮单击切换按钮
data-toggle="buttons"- 注意复数使一组按钮成为切换按钮
data-complete-text="Finished"- complete调用方法时按钮上的文本更改
data-toggle="collapse"- 触发器单击以折叠引用的元素
data-target="element"- 引用的元素
data-parent="element"- 父元素,用于折叠式折叠
data-ride="carousel"-在容器上触发的幻灯片放映(转盘)
data-target="element"-引用的转盘元件,其this元素是部分
data-slide-to="X"- X是数量next滑动
data-slide="prev|next"-触发器点击展开转盘到一个先前|下一幻灯片
data-interval="X"-的时间量来延迟自动循环项目之间
data-pause="hover"- 暂停鼠标悬停
data-wrap="true"- 旋转木马是否应连续循环或硬停止
data-keyboard="true"- 旋转木马是否应对键盘事件作出反应
data-spy="affix"- 触发器附加(模拟粘性定位效果)
data-offset-top="X"- 从顶部偏移元素
data-offset-bottom="X"的像素数 - 从底部偏移元素的像素数
| 归档时间： |
|
| 查看次数： |
4431 次 |
| 最近记录： |