2.4　调用Bootstrap JS特效

对于Bootstrap中JavaScript效果的添加，一方面需要根据文档编写特定的HTML结构，另一方面需要调用JavaScript插件。下面以标签页切换效果为例来讲解。

【代码2-5】（详见源代码ch02目录中ch02.loadTabs.html文件）

（1）编写HTML文档：

（2）JavaScript插件的调用一般有两种方式。一种是采用Bootstrap自带的触发规则，在标签中添加data-toggle="tab"这样的属性来实现（上述代码第2行），这种方式的好处是无须编写任何JavaScript代码就可以实现功能。另一种是类似普通jQuery插件的调用方式，例如：

    $('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
    })

本例最终实现的效果如图2.10所示，单击标签就可以切换内容。

图2.10　标签页效果