开发者文档
通过此组件轻松添加动态的标签页切换功能。此文档的标签页切换效果正是通过这个组件实现的。 想要不同的样式,参考 tab-css。
1. 通过标记使用
qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park
Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
data-toggle="tab"
或者 data-toggle="pill"
来开启标签切换功能.
每一个tab对应的内容区域由tab的 href
或者 data-target
属性来指定。
2. 通过js调用
qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park
Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
tab("show")
方法来显示此tab对应的内容区域。
每一个tab对应的内容区域由tab的 href
或者 data-target
属性来指定。
事件 | 说明 |
---|---|
show | 在标签页显示之前触发,在shown事件之前。event.target 和 event.relatedTarget 分别是当前标签和上一个标签。 |
shown | 在标签页显示之后触发,在show事件之后。event.target 和 event.relatedTarget 分别是当前标签和上一个标签。 |