作者:手机用户2502881927 | 来源:互联网 | 2023-05-17 18:47
bootStrap中Tab页签切换转自:http:blog.chinaunix.netuid-25979788-id-3757108.html关于$().tab()一般用来实现标签页
bootStrap中Tab页签切换
转自:http://blog.chinaunix.net/uid-25979788-id-3757108.html
关于$().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’);
ps:以上代码需要注意的一点是,每个li中的a标签都要有个href=#id,这个id指向的正是该链接对应的content的id,如果使用
Javascript实现这种导航内容的切换,a标签中无须再添加data-toggle=’tab’,当然,如果每个a链接都使用了此属性,那完全没有
必要在用js来实现了:
以上代码需要注意的一点是,每个li中的a标签都要有个href=#id,这个id指向的正是该链接对应的content的id,如果使用
Javascript实现这种导航内容的切换,a标签中无须再添加data-toggle=’tab’,当然,如果每个a链接都使用了此属性,那完全没有
必要在用js来实现了: