Js + Bootstrap - 切换tab

  • a[data-toggle=tab: 选择a标签里,data-toggle属性为tab
  • shown.bs.tab: 该事件在标签页显示时触发,但是必须在某个标签页已经显示之后。分别使用 event.target 和 event.relatedTarget 来定位到激活的标签页和前一个激活的标签页。
  • e.target.text:获取当前标签页的文本
$('a[data-toggle=tab]').on('shown.bs.tab', function (e) {  
var activeTab = (e.target).text;
//console.log(activeTab)
switch (activeTab) {
case '成交量':
drawDataTable("dealCountTable");
break;
case '成交金额':
drawDataTable("dealAmountTable")
break;
default:
break;
}
});

posted on 2018-08-06 22:37  KellyChen_hug&hope  阅读(346)  评论(0编辑  收藏  举报

导航