Bootstrap 标签页（Tab）插件

Bootstrap 标签页（Tab）插件

标签页（Tab）在

结果如下所示：

方法
.$().tab：该方法可以激活标签页元素和内容容器。标签页需要用一个 data-target 或者一个指向 DOM 中容器节点的 href。

    
Home
    .....    
...
    .....
    $(function () {
        $('#myTab a:last').tab('show')
    })

下面的实例演示了标签页（Tab）插件方法 .tab 的用法。在本实例中，第二个标签页 iOS 是激活的：

实例

            软件开发网    iOS        Java 
        

                    jmeter            
                    ejb            
软件开发网是一个提供最新的web技术站点，本站免费提供了建站相关的技术文档，帮助广大web技术爱好者快速入门并建立自己的网站。菜鸟先飞早入行——学的不仅是技术，更是梦想。
iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple
            TV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。
jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。
Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。        
    $(function () {
        $('#myTab li:eq(1) a').tab('show');
    });

结果如下所示：

事件

下表列出了标签页（Tab）插件中要用到的事件。这些事件可在函数中当钩子使用。

$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
  e.target // 激活的标签页
  e.relatedTarget // 前一个激活的标签页
})