BootStrap中Tab页签切换实例代码

BootStrap中Tab页签切换实例代码

关于$().tab()一般用来实现标签页和胶囊链接内容片段的切换，或是相关内容的页面导航：

此外，你还可以有更多灵活的方式来激活某个特定的tab：

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name

$('#myTab a:first').tab('show'); // Select first tab

$('#myTab a:last').tab('show'); // Select last tab

$('#myTab li:eq(2) a').tab('show');

以上代码需要注意的一点是，每个li中的a标签都要有个href=#id,这个id指向的正是该链接对应的content的id，如果使用javascript实现这种导航dGteMQTYT内容的切换，a标签中无须再添加data-toggle='tab'，当然，如果每个a链接都使用了此属性，那完全没有必要在用js来实现了。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。