标签页

开发者文档

通过此组件轻松添加动态的标签页切换功能。此文档的标签页切换效果正是通过这个组件实现的。

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.


            
通过在tab元素上添加 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中的a标签上调用 tab("show") 方法来显示此tab对应的内容区域。 每一个tab对应的内容区域由tab的 href 或者 data-target 属性来指定。
事件 说明
show 在标签页显示之前触发,在shown事件之前。event.targetevent.relatedTarget 分别是当前标签和上一个标签。
shown 在标签页显示之后触发,在show事件之后。event.targetevent.relatedTarget 分别是当前标签和上一个标签。
comments powered byDisqus